前端面试难度分级考纲
同一个知识点，在不同级别面试里问的是完全不同的东西。我们把前端面试拆成实习 / 初级 / 中级 / 高级 / 资深 / 专家（架构师）/ 科学家七级，每级写清楚两件事：传统主线（语言、框架、工程化、性能）考到什么深度，AI 主线（用 AI 写代码、做 AI 应用、管 AI 工程）考什么。一道题可以同时挂在多个级别上，这正是分级对照的价值所在。
实习
真题 0知识点 0考纲详情 →
初级
真题 0知识点 0考纲详情 →
中级
真题 0知识点 0考纲详情 →
高级
真题 0知识点 0考纲详情 →
资深资深工程师
真题 0知识点 0考纲详情 →
专家专家（架构师）
真题 0知识点 0考纲详情 →
科学家
真题 0知识点 0考纲详情 →
同一道题，不同级别怎么问
下面三组都是站内真题。级别不是题目的标签，而是「问到哪一层」的标签——答得越深，够得上的级别越高。
说说 JavaScript 的事件循环
- 实习宏任务、微任务是什么，setTimeout 与 Promise.then 谁先执行，能答出输出顺序即可。
- 初级手写输出顺序题：await 之后的代码算哪一类任务、微任务队列什么时候被清空。
- 中级Node 与浏览器的 event loop 差异（timer / poll / check），requestAnimationFrame 与 MutationObserver 的触发时机。
- 高级React Fiber 为什么用 Scheduler 和 MessageChannel 而不是直接借道 event loop，时间切片与任务优先级怎么设计。
AI 流式回复在前端怎么实现
- 初级做出打字机效果，点「停止」能中断输出，处理 loading / 错误 / 空回复几种状态。
- 中级fetch ReadableStream、SSE、WebSocket 三者选型；AbortController + 断线重连 + 消息去重；Markdown 增量解析。
- 高级流式与虚拟列表结合不掉帧；多 Agent 状态机建模；TTFT、Token 与成本的透出与限流。
- 专家网关与协议层的稳定性设计：KV Cache 命中率、语义缓存、模型路由降级，以及一次故障的复盘与制度建设。
你怎么用 AI 写代码
- 实习平时用不用 Copilot / Cursor，AI 给的代码看不看得懂，报错怎么喂给它。
- 初级把一个需求拆成小任务写提示词，收窄改动范围，改完能自测并说清每一行为什么这么写。
- 中级AI Coding 笔试：给一份 README 从零做到跑通隐藏用例，全程留痕，监考看的是你和 AI 的对话。
- 资深团队级提效怎么度量（采纳率、bug 率、返工率），Rules / Skills 资产怎么做版本治理与 review 门禁。
怎么用这套分级
- 先看你现在的年限与项目复杂度，挑定一级，读完该级的传统主线与 AI 主线，对照自查哪几条说不出细节。
- 把上面标红的考点直接跳去刷该级真题，答案先自己答再看参考，用「了解 / 熟悉 / 精通」标记掌握程度。
- 考前用该级别的 AI 模拟面试跑一轮：面试官的提问深度、AI Coding 环节和减分项都按这一级的考纲执行。
- 级别可以跨着看：想跳级就直接读上一级的 AI 主线，那部分往往是今年新加的考点，准备的人最少。