浏览器页面渲染流程

浏览器渲染流程如下图所示： 大概可以划分成以下几个步骤： （1）解析HTML文件，构建 DOM Tree （2）解析CSS，构建 CSSOM Tree(CSS规则树) （3）将 DOM Tree 和 CSSOM Tree合并，构建Render tree(渲染树) （4）reflow(重排)：根据Render tree进行节点信息计算（Layout） （5）repaint(重绘)：根据计算好的信息绘

>>阅读原文<<