flowchart LR
N0["01 网页基础"]
N1["02 浏览器与工程"]
N2["03 框架入门"]
N3["04 组件与架构"]
N4["05 路由与数据"]
N5["06 质量与交付"]
N6["07 项目与选型"]
N0 --> N1 --> N2 --> N3 --> N4 --> N5 --> N6
前端架构
从浏览器与组件学到 Vue、React、路由、状态、渲染、安全和交付
8 子目录2 文档
CHAPTER OVERVIEW · 章节概览
先做能使用的网页，再理解框架、组件边界和数据流；Vue 与 React 可以先选一条实践，再进行对照。
本章学习路线
箭头表示建议的学习顺序；先理解问题，再逐步进入实现与实践。
按顺序学习
10前端架构学习路线：从一个页面到一个能维护的产品第一次打开前端项目，最吓人的往往不是代码，而是那一排名字：Vue、React、Vite、Router、Pinia、SSR。先别急着全部学会。我们从一个很具体的目标出发：做出能搜索、阅读、编辑文章的知识库，网络慢了也不乱，过三个月自己还看得懂。从网页基础开始从浏览器与组件学到 Vue、React、路由、状态、渲染、安全和交付浏览器与工程基础从浏览器与组件学到 Vue、React、路由、状态、渲染、安全和交付Vue从入门到原理从浏览器与组件学到 Vue、React、路由、状态、渲染、安全和交付React从入门到原理从浏览器与组件学到 Vue、React、路由、状态、渲染、安全和交付组件与架构设计从浏览器与组件学到 Vue、React、路由、状态、渲染、安全和交付路由数据与渲染从浏览器与组件学到 Vue、React、路由、状态、渲染、安全和交付质量安全与交付从浏览器与组件学到 Vue、React、路由、状态、渲染、安全和交付双框架实战与选型从浏览器与组件学到 Vue、React、路由、状态、渲染、安全和交付前端学习推荐阅读：带着问题读开源教程教程太多时，很容易把收藏当成学习。这份清单不要求从头读到尾。先选一个你正遇到的问题，读对应章节，关掉页面自己写一遍，再回来对照。