瀏覽器的渲染機構詳解

在瞭解以前，咱們要先明白瀏覽器組成部分

瀏覽器主要又7部分組成：

• 用戶界面：定義了一些經常使用的瀏覽器組件，如地址欄，返回，標籤等
• 數據持久化：指瀏覽器的cookie，local storage等組件
• 瀏覽器引擎：平臺應用的相關接口，在用戶界面和呈現引擎之間傳送指令。
• 渲染引擎；處理HTML和css的解析與渲染
• JavaScript解釋器：解析和執行JavaScript代碼
• 用戶界面後端：指瀏覽器的圖形庫等
• 網絡：用於網絡調用，好比HTTP請求

瀏覽器渲染機制

1.解析HTML成DOM樹

2.解析css成css樹

3.將DOM樹與Css樹進行合成成爲渲染樹

4.瀏覽器根據渲染樹進行界面渲染