瀏覽器渲染流程

流水線可分爲如下幾個子階段：構建 DOM 樹、樣式計算、佈局階段、分層、繪製、分塊、光柵化和合成。 樣式計算（recalculate Style） 1.將css轉換爲瀏覽器可以理解的結構 當渲染引擎接收到 CSS 文本時，會執行一個轉換操作，將 CSS 文本轉換爲瀏覽器可以理解的結構——styleSheets。控制檯輸入：document.styleSheets即可查看 2. 轉換樣式表中的屬性值

>>阅读原文<<