前端面试路线
按面试官的追问顺序组织基础快问、原理深挖、场景排障、性能与项目表达和算法手写。
适合已有项目经验、需要在有限时间内形成结构化回答的人。建议 7–14 天冲刺,可重复循环5 个阶段 · 81 篇重点文章
阶段 1
01 · 基础快问
用 30–90 秒给出准确结论,并主动说出一个边界。
检查点
随机抽 10 题,每题先结论、再机制、最后补限制。
阶段 2
02 · 原理深挖
把“会用”推进到能画出执行链路、解释取舍并指出验证方法。
检查点
每个主题准备一张原理图和一个最小实验。
- 1JavaScript 运行机制与资深面试执行模型、原型与事件循环
- 2浏览器原理、性能与资深面试渲染流水线和主线程调度
- 3Vue 面试进阶详解Vue 响应式与组件更新
- 4Vue 面试真题补充:源码、场景与工程实践Vue 工程场景和高频追问
- 5Vue3.0 性能提升主要是通过哪几方面体现的?编译优化、响应式和 Vapor 边界
- 6React 面试真题补充:渲染、状态与工程实践Fiber、Hooks、状态和 SSR
- 731. 说说你对模块加载器的理解?CommonJS loader 与 ESM 生命周期
- 8webpack 面试进阶详解构建、优化和产物治理
- 9聊一聊 Babel 原理吧AST、插件和兼容性
- 10前端编译原理与工具链知识地图编译流水线和工具边界
- 11AST:从字符串到可变换程序AST 解析、转换和生成
- 12Babel 插件开发与调试visitor、作用域和插件测试
- 13Webpack 扩展与构建生命周期Loader/Plugin 与构建生命周期
- 14模块、网络与构建真题模块、HTTP、缓存和构建追问
- 15前端趋势与面试能力模型React/Vue/AI 趋势与能力证据
阶段 3
03 · 场景排障
从现象、指标、分层定位到止血和复盘,回答真实线上问题。
检查点
练习在 3 分钟内说清“先看什么、如何证伪、如何止血”。
- 1前端稳定性:监控 SDK 与故障闭环白屏、错误、性能、大促容量和事故响应
- 2Node.js JWT 鉴权机制实现登录失败与 Token 刷新风暴
- 3JavaScript 面试真题补充:浏览器 API 与安全场景上传、跨域、安全和浏览器 API
- 4Node.js 文件上传实现详解断点续传、重试和合并一致性
- 5React 组件如何优化性能?(React性能优化的手段有哪些?)长列表、重复渲染和交互卡顿
- 6Vue3.0 性能提升主要是通过哪几方面体现的?编译、响应式和更新性能
- 7前端性能优化知识地图性能指标和证据口径
- 8性能指标采集与问题诊断RUM、PerformanceObserver 和定位
- 9网络与资源加载优化缓存、CDN、预加载和分包
- 10渲染与运行时性能优化长任务、Worker、虚拟列表和内存
- 11性能、渲染与大数据真题性能题、1px 和大数据渲染
- 12Docker 面试进阶详解:构建、排障与安全容器启动、资源限制和安全排查
- 13事务与分布式锁:ACID、Redis 锁和并发控制事务隔离和分布式锁边界
- 14小程序面试真题补充支付、库存和异步回调
阶段 4
04 · 工程与项目表达
把技术选择说成可验证的决策,并能落到项目结果。
检查点
用“背景→目标→诊断→行动→结果→复盘”讲完一个项目难点。
- 1Vite 面试进阶详解开发体验和构建选择
- 2webpack 高频追问 Q&A构建优化追问
- 3前端组件库工程化组件库治理和交付
- 4低代码系统:Schema、渲染器与插件化架构低代码架构权衡
- 5项目亮点总览:从技术方案到可验证结果项目证据卡、指标和统一叙事
- 6项目一:企业级 AI 对话与多模型网关AI 流式协议、工具权限和降级
- 7项目二:低代码可视化搭建平台编辑器、Schema 和渲染器
- 8项目三:React Hooks 与组件库工程化Hooks 抽象、API 和发布
- 9项目四:前端规范 CLI 与研发效能平台规范治理、迁移和 CI 门禁
- 10项目五:前端稳定性监控与大促高可用监控、容量、预案和复盘
- 11项目六:性能优化与高流量页面指标驱动的性能项目表达
- 12模块、网络与构建真题模块/协议/构建场景追问
- 13性能、渲染与大数据真题性能改动的验证与回滚
- 14JavaScript 语言边界与工程表达真题短答升级与责任范围表达
- 15构建体积与性能治理预算、依赖和发布回归
- 16前端项目架构设计与选型架构边界、选型约束和交付闭环
- 17前端技术误区与验证把面试判断落到可复现实验
- 18前端场景:跨端交互与发布治理跨端场景的状态机、安全和发布治理
- 19Docker 面试进阶详解:构建、排障与安全容器化交付和故障排查
- 20前端接口架构:BFF、REST 与 GraphQL接口契约、Serverless 和前后端分层
- 21Git 面试进阶详解协作流程与事故恢复
- 22AI 前端工程:LLM、Agent、MCP 与生成式 UIAI 前端的边界与落地
- 23项目面试追问清单:从经历到证据项目追问、证据卡片和三分钟回答
- 24前端趋势与面试能力模型能力模型、项目证据和趋势判断
阶段 5
05 · 手写与算法
在白板或在线编辑器中先保证正确性,再谈优化。
检查点
限时完成一道数据结构题和一道 JS 手写题,并主动补测试。
- 1算法面试真题补充:数据结构选型与解题模板算法题型、表达顺序和树/并发/字符串手写题
- 2复杂度分析方法与陷阱复杂度追问
- 3数组去重与不重复随机递增数组去重与随机抽样手写题
- 4双指针基础知识速览对撞、同向和有序序列指针模型
- 5排序双指针:三数之和与顺序匹配排序双指针和去重边界
- 6单调队列:滑动窗口最大值单调队列窗口最值
- 7反转链表:迭代与递归指针操作
- 8链表加法:进位与方向进位、存储方向和输入修改边界
- 9扁平数据与树结构互转扁平数据与树互转
- 10小镇法官:用入度与出度识别特殊节点图的入度/出度判定
- 11可变窗口:最长无重复子串窗口不变量
- 12字符覆盖:异位词与最小覆盖子串覆盖窗口和计数不变量
- 13线性 DP:爬楼梯、最小花费与打家劫舍状态转移
- 14异步调度:红绿灯循环与受限并发红绿灯、并发池和失败处理
- 15大数运算:字符串加法与乘法大数运算手写题
- 16Trie 关键词匹配与高亮Trie、多模式匹配与 XSS 边界
- 1713. 说说你对Promise的理解?Promise.all和Promise.race的区别?异步控制与手写题
- 1819. 说说你对防抖和节流的理解?应用场景?高频事件控制