前端框架
理解主流框架的响应式模型、组件组织和工程实践。
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 与性能诊断。
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 要点。
react 高频追问 Q&A
A: 前者在绘制后执行,后者在绘制前同步执行。(深入阅读:useEffect 与 useLayoutEffect)
React 运行模型与资深面试
从组件、状态和 Effect 深入到 Fiber、协调、并发渲染、闭包、状态架构与性能诊断。
Vue 基础知识速览
单组件尽量聚焦单一职责,避免“大而全”页面组件。
Vue 面试进阶详解
Vue2 基于 Object.defineProperty,Vue3 基于 Proxy,对数组和新增属性支持更友好。(深入阅读:响应式依赖追踪原理)
Vue 面试真题补充:源码、场景与工程实践
整理 Vue 面试资料中的实例初始化、响应式、组件通信、编译更新、路由权限、keep-alive、SSR 与 Vue3 迁移要点。
Vue 高频追问 Q&A
A: 拦截能力更完整,性能和可维护性更好。(深入阅读:Proxy 替代 Object.defineProperty)
Vue 3 响应式原理与资深面试
从 Composition API 深入到依赖追踪、渲染调度、组件身份、状态架构、SSR 与性能诊断。
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 迁移边界。
vue3 高频追问 Q&A
A: 逻辑按功能聚合,复用和维护更清晰。(深入阅读:Composition API 与 Options API)