flowchart LR
N0["01 渲染过程"]
N1["02 事件循环"]
N2["03 语义与布局"]
N3["04 键盘与无障碍"]
N4["05 类型与模块"]
N5["06 构建与发布"]
N0 --> N1 --> N2 --> N3 --> N4 --> N5
浏览器与工程基础
从浏览器与组件学到 Vue、React、路由、状态、渲染、安全和交付
0 子目录3 文档
CHAPTER OVERVIEW · 章节概览
先理解浏览器怎样显示页面和处理任务，再把语义、布局、无障碍与构建工具接起来。
本章学习路线
箭头表示建议的学习顺序；先理解问题，再逐步进入实现与实践。
按顺序学习
3浏览器渲染与事件循环：页面为什么会卡住你在搜索框里打字，字半秒后才出现。接口可能完全没问题：页面正在主线程上处理几万段文本。学框架前先理解这件事，很多“Vue 慢”“React 慢”的争论就能变成具体排查。语义 HTML、CSS 与无障碍：先把页面做成能用的东西一个看起来像按钮的 div，可能无法通过键盘聚焦，也没有按钮的语义。视觉上很完整的页面，换一种操作方式就寸步难行。组件库不能替我们决定这些基本行为。TypeScript、模块与 Vite：源码怎样变成可以发布的页面把 .tsx 或 .vue 文件丢给浏览器，通常不能直接运行。开发服务器帮你转换源码，生产构建把依赖和资源组织成可部署产物。理解这一层，才不会把“开发环境能打开”误认为已经能上线。