渲染流程

摘自 李兵 《浏览器工作原理与实践》

渲染流程输入一般是 HTML、CSS、JavaScript 数据，输出是屏幕上的像素。

渲染机制过于复杂，所以渲染模块在执行过程中会被划分为很多子阶段，输入的数据经过这些子阶段，最后输出像素。我们把这样的一个处理流程叫做渲染流水线。

按照渲染的时间顺序，流水线可分为如下几个子阶段：

1. 构建 DOM 树
2. 样式计算
3. 布局阶段
4. 分层
5. 绘制
6. 分块
7. 光栅化和合成。