这一附录为不同阶段的 JavaScript 开发者提供一份务实的学习地图，并附上经过社区长期验证的优质资源。不追求面面俱到，只保留最值得投入时间的内容。
D.1 学习路径总览
| 阶段 | 核心目标 | 推荐耗时 | 关键动作 |
|------|----------|----------|----------|
| 入门 | 能够用原生 JS 完成简单页面交互 | 4-8周 | 系统学习基础语法，大量手写练习 |
| 进阶 | 理解核心原理，熟练使用框架 | 3-6个月 | 深入事件循环、原型链、闭包，掌握一个主流框架 |
| 工程化 | 参与中大型项目，独立负责模块 | 6-12个月 | 掌握构建工具、TypeScript、测试与部署 |
| 高阶 | 设计架构、性能优化、源码贡献 | 持续积累 | 读优秀库的源码，学习设计模式与底层机制 |
D.2 分阶段学习建议
入门阶段
主线任务
- 完成 MDN Web Docs 上《JavaScript 第一步》和《JavaScript 基础构建块》两大模块。
- 手写每一个示例代码，不要复制粘贴。
- 尝试用原生 JS 做一个小应用（待办事项列表、天气查询、简单的计算器）。
练手项目建议
- 一个响应式的导航菜单（包含下拉、汉堡菜单）
- 一个图片轮播组件
- 用 localStorage 实现本地存储的笔记应用
注意事项
- 这个阶段不要碰任何框架，不要用 jQuery。
- 遇到问题优先阅读 MDN 文档和规范，尽量不要去抄网上的整块代码。
进阶阶段
主线任务
- 系统学习本手册第二篇《核心原理篇》的前 4 章——执行上下文、作用域与闭包、原型与继承、this 绑定机制。
- 手写实现 new、call、apply、bind、Promise、防抖/节流等高频面试方法。
- 学习一个主流前端框架：React 或 Vue 任选其一，通读官方文档。
- 阅读《You Don't Know JS》（你不知道的 JavaScript）系列（可先看英文原版或中文译本）。
练手项目建议
- 用所选框架复现一个成熟产品的一小部分（如仿知乎问答列表、仿网易云音乐播放页）
- 封装至少 3 个可复用的业务组件，发布到 npm（不必真的成功发布，重点在于理解流程）
注意事项
- 不要同时学多个框架，把一个用熟。
- 开始接触 Node.js，至少能写一个简单的 API 服务。
工程化阶段
主线任务
- 掌握模块化：ESM 与 CommonJS 的区别，循环引用的处理。
- 学习一种构建工具：优先 Vite（上手快），再了解 Webpack 的常见配置。
- 使用 TypeScript 重写一个之前用 JS 写的完整项目，体会类型系统对工程质量的提升。
- 阅读《Clean Code（代码整洁之道）》前端相关章节。
- 学习 Git 团队协作规范与 CI/CD 基本流程。
练手项目建议
- 一个包含前端、后端、数据库的完整全栈小项目（如博客、日程管理）
- 为项目编写单元测试和 E2E 测试（Vitest + Playwright）
- 尝试配置一次自动化部署（GitHub Actions / Vercel 一键部署）
注意事项
- 不要追求把所有构建工具都学一遍，理解原理比记住配置重要。
- 此时可以开始阅读一些优秀开源库的源码，从小型工具库入手。
高级阶段
主线任务
- 深入性能优化：了解浏览器渲染、重排重绘、长任务拆分、虚拟列表。
- 学习设计模式并在前端场景下应用：观察者、策略、代理、装饰器。
- 阅读至少一个流行库的核心源码（如 Vue Router、Redux、Axios，选择自己常用的）。
- 了解 Node.js 的事件循环与集群（Cluster）模式。
- 保持对标准提案的关注（TC39 提案阶段 → 实战练习）。
练手项目建议
- 开发一个前端工具库（如日期处理、表单验证），发布到 npm
- 为一个知名开源项目贡献至少一次 PR（修文档 bug 也是贡献）
- 尝试用 Canvas/WebGL 完成一个数据可视化作品
注意事项
- 这个阶段的关键字是“输出”：写文章、做分享、参与开源。
- 开始有意识地阅读英文一手资料（官方文档、TC39 提案、V8 博客）。
D.3 优质开源资源推荐
以下资源均来自活跃的开源社区，长期维护、质量可靠。按类别推荐，方便按需查阅。
综合文档与教程
- MDN Web Docs：JavaScript 最权威、最全面的文档，没有之一。所有基础查询以这里为准。
- JavaScript.info：从零到高级的系统教程，配有大量交互示例，适合入门和查缺补漏。
- ECMAScript 规范：语言终极参考，进阶阶段可以选读部分章节，理解底层语义。
经典书籍（多数有开放在线版或开源翻译）
- 《You Don't Know JS》系列（你不知道的 JavaScript）：Kyle Simpson 著，深入作用域、闭包、原型、异步等核心机制。有中文开源翻译版。
- 《Eloquent JavaScript》（JavaScript 编程精解）：Marijn Haverbeke 著，注重编程思维培养，在线版含可执行示例。
- 《JavaScript: The Good Parts》（JavaScript 语言精粹）：Douglas Crockford 著，薄而精，帮助建立品味。
值得反复阅读的官方文档
- React 官方文档（新版 react.dev）：以函数组件为核心的现代 React 教程，包含大量实战模式。
- Vue.js 官方文档：中文文档质量极高，渐进式学习路径清晰。
- Node.js 官方文档：API 参考 + 指南，不花哨但准确。
值得学习的开源项目（适合读源码）
- axios：HTTP 请求库，代码量适中，可以学习拦截器、取消请求等模式的设计。
- lodash（或更轻量的 es-toolkit）：函数式编程工具库，代码风格规范，适合学习数组/对象操作的最佳实践。
- dayjs：轻量日期库，API 设计优雅，适合学习链式调用与插件机制。
- Vue Router：单页应用路由的经典实现，源码结构清晰，可学习依赖注入与路由匹配算法。
- Redux：状态管理范式，代码极简，不到 200 行即可实现核心功能，对理解函数式编程有极大帮助。
工程化与工具
- Vite：快速上手的构建工具，生产级项目亦可用，源码本身也是学习 Node 底层原理的优秀范例。
- ESLint：可扩展的静态分析工具，自定义规则有助于深入理解 AST。
- Vitest：兼容 Vite 的测试框架，速度快，适合前端项目。
实战参考项目
- RealWorld：同一中大型应用（类似 Medium 博客），用各种前端/后端技术栈实现，适合对比学习框架差异。
- freeCodeCamp 开源代码库：教学平台本身的开源项目，代码规范严谨，适合学习大型项目组织。
重要提示
资源不是越多越好。选定一本书或一套教程就坚持看完，项目选定一个就做到可交付的程度，源码读懂一个就写出详细注释。深度远胜于广度。