页面渲染过成

处理HTML标记数据并生成DOM树。

处理CSS标记数据并生成CSSOM树。

将DOM树与CSSOM树合并在一起生成渲染树。

Layout（布局）：计算每个 DOM 元素在最终屏幕上显示的大小和位置。由于 web 页面的元素布局是相对的，所以其中任意一个元素的位置发生变化，都会联动的引起其他元素发生变化，这个过程叫 reflow (回流 or 重排)。

Paint（绘制）：在多个层上绘制 DOM 元素的的文字、颜色、图像、边框和阴影等。

composite（渲染层合并）：按照合理的顺序合并图层然后显示到屏幕上。