瀏覽器頁面渲染流程

瀏覽器渲染流程如下圖所示： 大概可以劃分成以下幾個步驟： （1）解析HTML文件，構建 DOM Tree （2）解析CSS，構建 CSSOM Tree(CSS規則樹) （3）將 DOM Tree 和 CSSOM Tree合併，構建Render tree(渲染樹) （4）reflow(重排)：根據Render tree進行節點信息計算（Layout） （5）repaint(重繪)：根據計算好的信息繪

>>阅读原文<<