>[danger]瀏覽器的渲染過程 瀏覽器渲染過程是將 HTML、CSS、JavaScript 等資源轉化為用戶可視的網頁的過程，通常包含以下幾個步驟： 1. **構建 DOM 樹**：瀏覽器從文檔解析 HTML，創建一個 DOM（文檔對象模型）樹，把所有 HTML 標簽轉化成樹上的結點，并生成一張標簽樹，其中每個節點都是一個文檔對象。 2. **創建 CSSOM 樹**：瀏覽器同步下載所有的樣式表，并把他們解析成一個 CSSOM（CSS 對象模型）樹。與 DOM 樹不同，CSSOM 是一個被計算的樹，它主要包含了每個元素匹配到的具體樣式信息。 3. **構建渲染樹**：通過將 DOM 樹和 CSSOM 樹進行合并，瀏覽器創建出一個渲染樹（render tree），即從 DOM 樹上選取需要顯示的節點和對應的 CSSOM 樹上的樣式，并生成相應的顯示規則，這些顯示規則關聯著渲染樹的每個節點。 4. **布局**：瀏覽器根據渲染樹中每個元素的布局信息，計算每個元素在屏幕中顯示的位置和大小，生成布局樹。 5. **繪制**：遍歷渲染樹，按照布局樹中的位置繪制頁面元素。 6. **合成**：由于現代瀏覽器使用 GPU 加速渲染，所以繪制的頁面元素會在合成階段被組合成位圖，并通過顯卡進行展示。 總之，瀏覽器渲染過程是一個復雜的流程，它主要包含了構建 DOM 樹，創建 CSSOM 樹，構建渲染樹，布局，繪制和合成等多個步驟，最終將 HTML、CSS 和 JavaScript 等資源轉化為用戶可以看到的網頁。