前端开发学习路线总览

从 Web 平台基础进入组件框架、状态、工程与兼容维护。

阅读起点

学习前先阅读：HTML & CSS 学习路线。

全书顺序

本书按知识依赖组织。主线先建立可运行的共同模型，再进入机制、工程边界和生产约束；维护与前沿内容明确标注，不改变主线的学习顺序。

第1章｜主书与分支

先理解本方向的知识边界，再选择一条可以连续学习的主书。

1. Web 平台与界面基础：从文档结构、样式布局、浏览器输入到网络和可访问性，建立所有 UI 框架都依赖的平台心智模型。
2. Vue 学习路线：保留现有 Vue 主线，同时补齐 Vue 2、Vue 3、Options API 与 Composition API 的并行理解和迁移边界。
3. React 学习路线：保留现有 React 主线，并显式加入函数组件与类组件的模型、迁移和共存策略。
4. Angular 学习路线：以 Angular 的模板、依赖注入、Signals、路由、表单和 SSR 组成独立企业应用主线。
5. 编译型 UI 框架比较：用 Svelte、SolidJS 和 Qwik 比较编译、细粒度响应式与可恢复性，不把实验性机制混入主流框架主线。
6. 前端状态与数据流：按状态所有权、服务端缓存、竞态和持久化重组状态管理，而不是堆叠库名。
7. CSS 工程与设计令牌：将 Tailwind 放回 CSS、设计令牌、可访问性和交付体系中。

阅读边界

本页是学习路线和专题入口，不替代专题笔记中的机制解释、可运行示例和练习。笔记尚未完成的专题会先显示为占位页；已有经验的读者可以跳到具体章节，再按前置关系回补。

路线状态

本路线的目录已完成本轮架构审查；专题笔记的内容质量和来源审查另行进行。