跳到正文
前端知识库

前端框架

理解主流框架的响应式模型、组件组织和工程实践。

57 篇文档

小程序基础知识速览

小程序运行在宿主容器,不是标准浏览器环境。

小程序 面试进阶详解

小程序并非完整浏览器环境,DOM/BOM 能力受限,需适配平台 API。(深入阅读:小程序运行模型)

小程序面试真题补充

本篇整理自 6.小程序面试真题-37页.pdf,补充生命周期、登录会话、导航、支付和双线程通信等场景题。

小程序 高频追问 Q&A

A: 常见是频繁大对象 setData 与复杂长列表渲染。(深入阅读:setData、长列表与卡顿原因)

Angular 基础知识速览

模块、组件、服务、依赖注入(DI)。(深入阅读:Angular Standalone 组件与依赖注入)

Angular 面试进阶详解

默认机制基于 Zone.js 触发检查,OnPush 可减少不必要渲染。(深入阅读:变更检测与视图更新)

Angular 高频追问 Q&A

A: 输入引用变化、事件触发、手动标记检查时。(深入阅读:OnPush、Signals 与变更检测)

Angular 架构、响应式与资深面试

从 standalone 组件和依赖注入深入到变更检测、Signals、RxJS、分层架构、SSR 与性能诊断。

AngularSignalsRxJS

React 基础知识速览

UI = f(state),组件由状态驱动视图。(深入阅读:React 核心概念)

说说对 React 的理解?有哪些特性?

面试官通过此问题主要考察:

state 和 props 有什么区别?

面试官通过此问题主要考察:

super() 和 super(props) 有什么区别?

面试官通过此问题主要考察:

说说对 React 中类组件和函数组件的理解?有什么区别?

面试官通过此问题主要考察:

说说对受控组件和非受控组件的理解?应用场景?

面试官通过此问题主要考察:

说说 React 的事件机制?

面试官通过此问题主要考察:

React 事件绑定的方式有哪些?区别?

面试官通过此问题主要考察:

React 构建组件的方式有哪些?区别?

面试官通过此问题主要考察:

说说 React 中引入 CSS 的方式有哪几种?区别?

面试官通过此问题主要考察:

说说 React 生命周期有哪些不同阶段?每个阶段对应的方法是?

面试官通过此问题主要考察:

React 组件如何优化性能?(React性能优化的手段有哪些?)

面试官考察点:

React 组件之间如何通信?

面试官考察点:

说说对高阶组件(HOC)的理解?应用场景?

面试官考察点:

说说对 React Hooks 的理解?解决了什么问题?

面试官考察点:

说说 useEffect 和 useLayoutEffect 的区别?

面试官考察点:

说说 React 中 useState 和 useReducer 的区别?

面试官考察点:

说说 React 中 ref 的用法?应用场景?

面试官考察点:

说说 React 中的 context 的理解?应用场景?

面试官考察点:

说说 React 中的虚拟 DOM 的理解?

面试官考察点:

说说你对 Redux 的理解?其工作原理?

面试官考察点:

说说你对 React Router 的理解?常用的 Router 组件有哪些?

面试官通过此问题主要考察:

说说 React Router 中有几种模式?实现原理?

面试官通过此问题主要考察:

说说你对 MobX 的理解?

面试官通过此问题主要考察:

说说 React render 方法的原理?在什么时候会被触发?

面试官通过此问题主要考察:

说说 React setState 的原理?

面试官通过此问题主要考察:

说说对 React 的 refs 属性的理解?应用场景?

面试官通过此问题主要考察:

说说对 React 的 keys 的理解?应用场景?

面试官通过此问题主要考察:

说说对 React 的 diff 算法的理解?

面试官通过此问题主要考察:

说说对 React 的 Fiber 架构的理解?

面试官通过此问题主要考察:

说说 React 的 immutable 的理解?应用场景?

面试官通过此问题主要考察:

说说 React 服务端渲染怎么做?原理是什么?

面试官通过此问题主要考察:

React 面试真题补充:渲染、状态与工程实践

整理 React 面试资料中的 JSX、事件系统、Hooks、Fiber、性能优化、路由、Redux、不可变数据和 SSR 要点。

ReactHooksFiber

react 高频追问 Q&A

A: 前者在绘制后执行,后者在绘制前同步执行。(深入阅读:useEffect 与 useLayoutEffect)

React 运行模型与资深面试

从组件、状态和 Effect 深入到 Fiber、协调、并发渲染、闭包、状态架构与性能诊断。

ReactHooksFiber

Vue 基础知识速览

单组件尽量聚焦单一职责,避免“大而全”页面组件。

Vue 面试进阶详解

Vue2 基于 Object.defineProperty,Vue3 基于 Proxy,对数组和新增属性支持更友好。(深入阅读:响应式依赖追踪原理)

Vue 面试真题补充:源码、场景与工程实践

整理 Vue 面试资料中的实例初始化、响应式、组件通信、编译更新、路由权限、keep-alive、SSR 与 Vue3 迁移要点。

VueVue2Vue3

Vue 高频追问 Q&A

A: 拦截能力更完整,性能和可维护性更好。(深入阅读:Proxy 替代 Object.defineProperty)

Vue 3 响应式原理与资深面试

从 Composition API 深入到依赖追踪、渲染调度、组件身份、状态架构、SSR 与性能诊断。

VueComposition API响应式

Vue3 基础知识速览

以 Proxy 为核心,解决 Vue2 对新增属性追踪弱的问题。

Vue3.0 的 Composition API 与 Vue2.x 的 Options API 有什么不同?

这是 Vue3 最核心的变化之一。面试考察这个问题,是想要了解候选人对 Vue3 新特性的理解,以及是否能够掌握更高效的代码组织方式。

Vue3.0 的设计目标是什么?做了哪些优化?

Vue3 经过长达两三年的筹备,带来了全方位的改进。面试考察这个问题,是想要了解候选人对 Vue3 整体架构升级的理解,以及能否从源码、性能、语法等多个维度分析优化点。

用 Vue3.0 写过组件吗?如果想实现一个 Modal 你会怎么设计?

这是一道考察组件设计能力和 Vue3 实际应用经验的题目。面试官希望看到候选人对组件封装、API 设计、以及 Vue3 新特性(如 Teleport、Composition API)的掌握程度。

Vue3.0 性能提升主要是通过哪几方面体现的?

Vue3 在性能方面做了大量优化。面试考察这个问题,是想要了解候选人对 Vue 底层实现原理的理解,以及能否从编译阶段、源码体积、响应式系统三个维度分析性能提升。

Vue3.0 为什么要用 Proxy API 替代 defineProperty API?

这是 Vue3 最核心的底层变化之一。面试考察这个问题,是想要了解候选人对响应式原理的深入理解,以及能否从技术原理层面分析两种方案的优劣。

Vue 3.0 中 Tree Shaking 特性是什么?举例说明一下?

Tree Shaking 是 Vue3 重要的打包优化特性。面试考察这个问题,是想要了解候选人对现代前端工程化的理解,以及能否从源码层面理解 Vue3 的模块化设计。

Vue3 面试真题补充:迁移与运行时

补充 Vue2 到 Vue3 的生命周期、组件属性、v-model、Teleport、渲染器和 SSR 迁移边界。

Vue3Composition APITeleport

vue3 高频追问 Q&A

A: 逻辑按功能聚合,复用和维护更清晰。(深入阅读:Composition API 与 Options API)