前端开发知识手札

路线页说明先后顺序；这本手札说明怎样阅读每个专题、怎样运行例子、怎样记录证据。它不把 HTML、JavaScript、Vue 和 React 的正文复制到一个总目录里，而是把它们放回各自课程，并通过前置关系连接起来。

阅读入口

第一次学习，从前端开发学习路线开始，然后依次进入：

主线完成后按项目选择，不要求并行学习：

已有项目经验时，不按熟悉的框架名称判断掌握程度。先从一个真实故障或功能开始，沿着“输入 → 状态 → 渲染 → 外部系统 → 失败恢复”回溯到相应章节；如果无法写出输入、预期和观察方法，就回到该章节的最小实验。

每篇正文都应让读者在已有前置下完成四件事：

正文末尾的练习必须能独立完成。答案只用于核对实现、结果和失败原因，学习路线不直接暴露答案入口。

前端问题通常跨越多个层次：HTML 决定文档语义，CSS 决定布局和绘制，JavaScript 决定程序状态与异步，浏览器 API 决定网络、存储和事件边界，Vue 或 React 决定组件与更新组织，测试和观测决定能否证明行为没有回归。

遇到“页面没有更新”，先确认数据是否改变，再确认框架是否观察到改变，最后确认浏览器是否提交了预期 DOM。遇到“请求结果错乱”，先建立可控制的完成顺序，再处理取消、失效标记和资源清理。遇到“性能变慢”，先保留行为断言和基线，再讨论缓存、拆分或记忆化。

打开前端开发学习路线，从 HTML、CSS 和浏览器平台开始，再进入 JavaScript、TypeScript 和主力框架。