通用前端
把相关知识和复习方法放在一起，随时回看。
详细阅读顺序：回答要点 → 原理拆解 → 示例与推演 → 易错点 → 参考回答；已有追问继续附完整解答。结合两份飞书资料整理的来源、合并位置和纠错见专题深化与资料整理说明。
整理日期：2026-11-04。适用方向：通用 Web 前端，重点照顾 Vue2 / Nuxt2 开发背景。
框架专项见：Vue2、Vue3、React 框架面试清单，共 60 题，含回答要点、完整参考回答、追问答案、框架对比及场景解答。
AI 专项见：AI 前端面试清单，包括 AI 辅助开发、流式聊天、RAG、Agent、MCP、Skills 等问题与回答要点。
手写题见：手写题参考答案，覆盖原清单全部 12 类，含完整代码、示例、复杂度与边界。
优先准备：项目深挖、JavaScript、Vue 原理、浏览器与网络、业务场景题、手写代码。再按岗位补 TypeScript、Vue3 / React、工程化和 AI 应用。
没有你的工作年限和目标岗位信息，本文先按通用面试整理。P0 / P1 / P2 是建议的复习顺序，不是面试出现率统计。近期公开面经样本偏实习、校招，不能直接推断社招难度或整个市场趋势。
使用方式：每题都有“回答要点”和可直接口述的“参考回答”；已有追问也附答案。涉及个人经历的方括号请替换为真实信息，技术答案不需要再查外部链接才能读懂。
按知识点 78 项内容
JavaScript12
Q闭包是什么，有什么用途和风险Qthis、箭头函数、call / apply / bind 有什么区别Q原型链和 class 怎么理解Q事件循环、Promise、async / await 怎么执行QPromise.all、allSettled、race、any 怎么选Q深拷贝和浅拷贝有什么区别Q防抖和节流怎么实现QES Module 和 CommonJS 有什么区别Qlet / const / var 与暂时性死区Q怎么判断类型和引用相等QMap / Set 与对象有什么区别Q可选链、空值合并与浮点精度
HTML / CSS4
浏览器与网络6
Q从输入 URL 到页面显示经历什么Q强缓存、协商缓存怎么区分Q跨域是什么，CORS 和开发代理怎么工作QCookie、localStorage、sessionStorage 怎么选QXSS 和 CSRF 分别怎么防Q重排、重绘、事件委托和内存泄漏怎么理解
Vue27
QVue2 响应式原理是什么Q为什么新增属性、数组下标赋值有时不更新Qcomputed、watch、methods 怎么选QnextTick 解决什么问题Q生命周期、keep-alive、路由复用怎么配合Q组件通信和 Vuex 怎么设计Qkey、v-if / v-show、自定义 v-model 有什么作用
Vue31
React7
▤如果投 React 岗，额外准备什么Q为什么不能直接改 state，为什么 setter 后读到旧值Q连续更新为什么用函数式 updaterQEffect 什么时候需要，依赖与清理怎么写Qkey、表单与共享状态如何选择QuseMemo、useCallback、memo 是否都要加QNext.js / React 的服务端与客户端边界
Nuxt / SSR5
QCSR、SSR、SSG 各适合什么QasyncData、fetch、mounted 有什么区别QSSR 为什么会报 window is not definedQSSR 登录态和 Vuex 怎么防止用户串数据Q水合不一致、SEO 和 SSR 首屏慢怎么排查
TypeScript4
工程化4
性能与排障3
项目与场景15
Q请介绍一个你最熟悉的项目Q项目里最难的问题是什么Q列表查询、分页和筛选怎么设计Q请求封装和登录过期怎么处理Q权限系统怎么做Q怎么封装组件，怎么判断有没有必要▤场景题：重点练“方案 + 异常 + 验证”Q搜索结果被旧响应覆盖Q连续提交导致重复订单Q大文件上传与断点续传Q多个接口同时返回 401Q弹窗重开数据不对Q移动端返回后页面没刷新Q发布后部分用户打不开页面Q规划技术升级