五、HTML、CSS和JavaScript，是如何變成頁面的？

完整的渲染流水線示意圖 結合上圖，一個完整的渲染流程大致可總結爲如下： 渲染進程將 HTML 內容轉換爲能夠讀懂的 DOM 樹結構。 渲染引擎將 CSS 樣式錶轉化爲瀏覽器可以理解的 styleSheets，計算出 DOM 節點的樣式。 創建佈局樹，並計算元素的佈局信息。 對佈局樹進行分層，並生成分層樹。 爲每個圖層生成繪製列表，並將其提交到合成線程。 合成線程將圖層分成圖塊，並在光柵化線程池中將

>>阅读原文<<