JavaScript

从零掌握 JavaScript：先让页面会动，再让异步可控，最后做到内存稳定、请求可管、产物可交付。

学习路线

四个阶段按依赖顺序推进，上一阶段的产出就是下一阶段的输入。

flowchart LR
    A["A 入门<br/>语法·数据·DOM"] --> B["B 进阶<br/>作用域·this·异步·模块·集合·正则·事件"]
    B --> C["C 高级<br/>迭代·代理·内存·并发·工程·复制·观察·路由"]
    C --> D["D 实战<br/>组件·表单·请求层"]
    D --> Z["Z 附录<br/>术语表"]

阶段索引

阶段	主题	篇数	入口	状态
A-入门	环境、类型、运算、控制流、函数、集合、文本与数字、DOM、实战	10	A00-总结	已完成
B-进阶	作用域与闭包、this 与原型、异步、事件循环、模块、错误、集合、正则、事件	10	B00-总结	已完成
C-高级	迭代器、代理、内存、并发取消、工程化、深拷贝、观察者、路由	9	C00-总结	已完成
D-实战	组件、表单、请求层	4	D00-总结	已完成
Z-附录	术语表	1	Z01-术语表	已完成

合计 35 篇文档，覆盖 A-入门 至 D-实战 四个阶段与术语附录。

怎么读

1. 先读对应阶段的 X00-总结.md，那里有路线图、能力对照与阅读顺序。
2. 按编号顺序读正文，每篇首尾都有「上一篇 / 下一篇」，不用回目录找。
3. 遇到不认识的术语，查 Z01 术语表，全科目只在这一处定义。
4. 每篇都动手跑一遍代码，只读不写等于没读。

目录约定

frontend/js/
├─ README.md          ← 本科目入口
├─ slugs.json         ← 文件名与发布 URL 的映射
├─ A-入门/ ~ D-实战/  ← 四个阶段，各含 X00-总结与正文
└─ Z-附录/            ← 术语表

文件名只含汉字、字母、数字与半角连字符；发布 URL 由 slugs.json 生成，源文件内一律使用相对路径链接。

运行环境

项	版本	说明
浏览器	Chrome 130+	模块脚本需经 http 访问
Node.js	20+	内置 fetch、测试运行器、structuredClone
本地服务	npx serve . 或 npx serve . --single	路由示例需要 history 回退

示例代码位于各篇正文中，标注了文件路径与运行环境；浏览器侧示例依赖本地服务器，命令行侧示例直接用 node 执行。