前端面试路线

前端面试路线

这是可搜索的冲刺说明；逐阶段文章、练习动作和重点数量见 交互式面试路线。

面试官常见推进顺序

1. 基础快问：HTML、CSS、JavaScript、TypeScript、浏览器、HTTP 和 Git。每题用结论、机制、边界三句话起步。
2. 原理深挖：JavaScript 执行模型、浏览器渲染、Vue/React 更新、AST/Babel、Webpack 构建和模块系统。准备原理图和最小验证。
3. 场景排障：白屏、首屏慢、Token 刷新、重复提交、上传、API 聚合、容器、事务锁、跨页通信、微前端、内存和稳定性。按现象、证据、止血、复盘回答。
4. 性能与工程：用 Web Vitals、Network、Performance 和构建 stats 定位问题，回答缓存、分包、Worker、虚拟列表和预算治理。
5. 项目表达：组件库、监控 SDK、低代码、AI、权限、发布回滚、依赖治理和技术选型。用背景、目标、行动、结果讲项目，并区分个人和团队证据。
6. 手写与算法：Promise、防抖节流、数据结构和动态规划。按“数组/哈希 → 双指针/滑动窗口 → 单调栈与单调队列 → 树/图 → DP → 异步调度 → 大数”限时练习；对应入口是数组去重与随机抽样、单调栈、单调队列、树结构互转、小镇法官、线性 DP、异步调度和大数运算。先保证正确性，再给复杂度、边界和测试。

一轮冲刺节奏

• 第 1–2 天：基础 Q&A，记录不会的边界而不是抄答案。
• 第 3–5 天：原理专题，每个主题完成一次白板推导或代码实验。
• 第 6–7 天：场景题，限时 3 分钟说清方案、失败路径和验证指标。
• 第 8–9 天：性能与工程题，完成一次 Network/Performance 或构建产物分析。
• 第 10–11 天：项目表达和手写题，补充真实数据、日志或测试证据。

抽题时优先使用 场景题索引 和 9 月高频真题地图，复盘来源覆盖时使用 PDF 技术覆盖索引。能力层级、项目回答模板和趋势题的边界见 前端趋势与面试能力模型。

高分回答的固定结构

先给结论，再交代背景、目标和约束；随后解释机制、方案取舍和失败边界，最后用指标、日志、测试或项目证据验证。遇到开放题时，主动说明“需要先确认的条件”，比直接抛出某个库名更可靠。