3 min read
我不知道的浏览器 — 系列导读与阅读路径
《我不知道的 浏览器》系列导读、阅读路径与文章索引。
文章数量： 4 篇
阅读路径
根据不同背景选择入口：
如果想系统了解浏览器原理： 按编号 01 → 04 顺序阅读
如果只关心性能优化： 重点看 02（单线程约束）、04（渲染流水线与回流重绘）
如果在调试异步 bug： 重点看 03（事件循环调度规则）
如果想理解 V8 与浏览器的关系： 先读 V8 系列 01-02，再回来读浏览器 01-02
章节目录
第一组：进程与线程
| # | 文章 | 核心内容 |
|---|---|---|
| 01 | 进程、线程与多进程架构 | Chrome 各进程职责、渲染进程线程分工、IPC 开销、单进程 vs 多进程 |
| 02 | 渲染线程为什么是单线程的 | 主线程职责、单线程设计原因、Web Workers 边界、长任务卡顿机制 |
第二组：异步与渲染
| # | 文章 | 核心内容 |
|---|---|---|
| 03 | 事件循环：浏览器如何协调 JS 与渲染 | 宏任务/微任务优先级、渲染在事件循环中的位置、setTimeout 精度、rAF 与 rIC |
| 04 | 渲染流水线：从 HTML 到屏幕的八个步骤 | 解析→样式→布局→分层→绘制→光栅化→合成，回流/重绘/合成三条性能路径，布局抖动 |
与 V8 系列的关联
浏览器系列与 V8 系列覆盖不同层次，互为补充：
| 主题 | 浏览器系列视角 | V8 系列视角 |
|---|---|---|
| JavaScript 执行 | 主线程单线程约束（02） | 字节码生成、JIT 编译（V8-01、02） |
| 事件循环 | 浏览器调度与渲染协调（03） | V8 内部宏/微任务实现（V8-13、14） |
| 性能瓶颈 | 渲染流水线回流重绘（04） | 内联缓存与属性访问优化（V8-12） |