前端面试备考指南

它解决的问题

前端面试的知识点往往散落在 HTML、CSS、JavaScript、框架源码、构建工具和性能指标里。准备时很容易变成“今天看事件循环，明天刷一道算法，后天再背八股”，却没有一条能自测、能冲刺的路线。结果就是：概念题答得散，编码题边写边漏边界，设计题缺少模块拆分和取舍，明明是懂的，一开口就显得心虚。

技能如何工作

这个技能把复习拆成可执行的步骤，而不是扔给你一份题库。

知识地图

它先用一张清单帮你定位短板，覆盖四个模块：

• 基础：HTML 语义、CSS 盒模型/布局、JS 类型与原型、事件循环。
• 框架：React/Vue 的响应式、diff、Hooks 与组合式 API 原理。
• 工程化：构建、模块化、打包优化、CI/CD。
• 性能：关键渲染路径、懒加载、缓存、LCP/CLS 等指标。

复习节奏

准备分三步推进，每一步都有明确动作：

1. 先扫盲：用清单自查，标出 完全不会 与 一知半解。
2. 再深挖：对核心概念不仅背结论，还要能讲清“为什么”。
3. 后演练：手写过题、白板讲思路，练表达。

题型应对

不同题型有不同作答结构：

• 概念题：用“定义 + 例子 + 注意”结构，清晰不啰嗦。
• 编码题：先确认需求与边界，再写，边写边讲。
• 设计题：先拆模块与时序，再谈取舍，体现全局观。

表达策略

不会的题不要硬编，讲思路与已知部分，诚实反而更得分。主动关联项目经验，让答案有落地感。

适用边界与注意点

它不替代系统学习。React/Vue 源码、TypeScript、Webpack/Vite 的具体细节仍需结合公开资料补足。它也不是算法训练营，手写代码和白板表达要靠你自己练。使用时最好配合真实项目复盘，否则“主动关联项目经验”会变成一句空话。