写在前面在讨论今天的主角之前，我们要先了解一下浏览器的渲染机制。以 Google,Firefox,Safari 为例，Firefox 使用 Geoko——Mozilla 自主研发的渲染引擎，Safari 和 Chrome 都使用 webkit。我们主要以 Webkit 的主流程为例浏览器使用流式布局模型 (Flow Based Layout)解析 HTML 生成 DOM 树解析 CSS 生成 CSSOM 规则树将 DOM 树与 CSSOM 规则树合并在一起生成渲染树………