学习路线

核心文档（编号即顺序，43 篇按 JavaScript 索引 推进）

• 执行机制：什么是执行上下文、作业队列与事件循环、垃圾回收机制、内存管理
• 语言难点：闭包、继承与原型链、属性的可枚举性和所有权、元编程
• 异步：Promise → async/await → 迭代器和生成器
• 工程基础：模块
• 类型系统：类型系统基础 → 类型体操

产出：手写 promise.all、debounce、deepClone、new 的等价实现。

自检

• 宏任务、微任务的执行顺序，能口述一段包含 setTimeout + Promise 的输出顺序
• 闭包为什么会造成内存泄漏？V8 里它是怎么实现的？
• class 和原型继承的关系：class 是语法糖吗？它多做了什么？
• var / let / const 在变量环境和词法环境中的差异

缺口：TypeScript 已补类型系统基础，仍缺「泛型进阶 → 条件类型深入 → 工程配置」。

P2 · 框架

目标：理解 React 的渲染模型，能定位"为什么这个组件重渲染了"。

核心文档

• 基础：JSX → 组件 → 生命周期
• 核心：Hooks → 组件通信 → 状态管理
• 原理：Fiber 架构、useCallback 闭包陷阱
• 优化：常用的性能优化操作
• 版本：React 19 新特性

产出：用 React 实现一个带分页、搜索、乐观更新的列表页，并说明每一处 memo/useMemo 的必要性。

自检

• setState 之后发生了什么？从调度到提交经历哪几个阶段？
• 为什么 useEffect 里拿到的是旧值？闭包陷阱怎么破？
• key 的作用是什么，用 index 会有什么问题？
• Fiber 解决的核心问题是什么？

缺口：路由、数据请求（SWR/React Query）、表单方案尚无正文。

P3 · 工程化

目标：能独立把一个项目从本地跑到线上，并能排查构建与部署问题。

核心文档

• 版本管理：Git（含常见报错与仓库清理）
• 构建：构建工具原理与选型 —— webpack / vite 的差异与取舍
• 容器与部署：Docker、Nginx 部署 SPA
• 质量：前端测试体系
• 性能：前端性能优化体系 → 大体积媒体优化
• 架构：微前端 · qiankun

产出：给现有项目加一条 CI：lint → test → build → 部署，并写清每一步失败怎么查。

自检

• Vite 为什么开发时快？它和 webpack 的打包模型差在哪？
• Tree shaking 生效的前提条件有哪些？
• SPA 刷新 404 的根因是什么，Nginx 怎么配？
• 一次构建产物体积过大，你的排查顺序是什么？

P4 · 跨端实战

目标：能主导一个 RN 应用从环境搭建到上架、再到性能调优的完整流程。

核心文档

• 环境：ios 环境、Android 开发环境搭建
• 原生能力：nativeModule、安全键盘
• 性能：优化 APP 启动速度
• 上架：生成/配置 iOS 证书 → 邓白氏编码 → 上架至 Apple App Store
• 平台对接：微信开放平台配置 Universal Link

产出：一个可上架的 RN 应用 + 一份启动耗时报告（冷启动各阶段耗时拆解）。

自检

• RN 的 Bridge 通信成本体现在哪里？新架构（Fabric/JSI）改了什么？
• 冷启动耗时由哪几段组成，分别怎么优化？
• 上架被拒的常见原因有哪些？

缺口：UniApp、小程序只有面试提纲，无正文。

P5 · 复盘输出

目标：把知识转成可表达的能力，并用面试反馈反向补洞。

核心文档

• 题库：JS、CSS、React、Vue、RN
• 表达：面试之自我介绍、带团队经验
• 真实记录：真实面试经历

产出：每次面试后 24 小时内写一篇复盘，格式：日期 公司 面试.md，包含「问了什么 / 我答得如何 / 正确答法 / 对应知识点链接」。

做法

1. 先自答，再对照题库，把答不出的题在知识层原文里补一节，而不是新开一篇。
2. 把常用题压缩成 3 句话版本，练"30 秒讲清"。
3. 每轮面试后把答不出的点补回知识层原文，不另开新篇。

阶段与时间

P0 基础      2-3 周   ┐
P1 语言内核  4-6 周   ├─ 约 3-4 个月，达到"能独立开发"
P2 框架      4-6 周   ┘
P3 工程化    3-4 周   ┐
P4 跨端实战  4-6 周   ├─ 约 2-3 个月，达到"能独立交付"
P5 复盘      持续     ┘

时间不是硬指标。判断能否进入下一阶段的唯一标准：本阶段的自检问题能不看资料答出来。