浏览器的渲染机制

当浏览器接收到服务器返回的HTTP报文后，需要对其进行渲染，才会呈现出你所看到的页面。而其进行渲染需要经历以下几个步骤：

1. 处理 HTML 标记并构建 DOM 树。
2. 处理 CSS 标记并构建 CSSOM 树。
3. 将 DOM 与 CSSOM 合并成一个渲染树。
4. 根据渲染树来布局，以计算每个节点的几何信息。
5. 将各个节点绘制到屏幕上。

       这五个步骤并不一定一次性顺序完成。如果 DOM 或 CSSOM 被修改，以上过程需要重复执行，这样才能计算出哪些像素需要在屏幕上进行重新渲染，在实际页面中，CSS 与 JavaScript 往往会多次修改 DOM 和 CSSOM。