摘要：瀏覽器內核又叫渲染引擎，主要負責的解析，頁面布局渲染與復合層合成。頁面呈現原理規范定義了的詞法及語法文法。解析器使用和解析生成器從語法文件中自動生成解析器。回憶一下解析器的介紹，創建一個自底向上的解析器，使用自頂向下解析器。

瀏覽器內核又叫渲染引擎，主要負責 HTML、CSS 的解析，頁面布局、渲染與復合層合成。瀏覽器內核的不同帶來的主要問題是對 CSS 的支持度與屬性表現差異。

Wekbit是一個開源的Web瀏覽器引擎，也就是瀏覽器的內核。Apple的Safari, Google的Chrome, Nokia S60平臺的默認瀏覽器，Apple手機的默認瀏覽器，Android手機的默認瀏覽器均采用的Webkit作為器瀏覽器內核

Blink是在Wekbit的基礎上的改進，是現在對新特性支持度最好的內核

Firefox

微軟的IE，IE4+ 的內核，一直持續到 IE11，EdgeHTML 是微軟拋棄 IE 后開發的全新內核

webkit 包含了許多不同平臺對webkit封裝的實現，即抽象出了與瀏覽器所能直接對應的一些概念的實現。如，WebView, WebPage, WebFrame等

WebCore 實現了對文檔的模型化，包括了CSS，DOM，Render等的實現

JavaScript Core 對JavaScript支持的實現

JavaScript 負責 JavaScript 代碼的解釋與執行，主流的 JavaScript 引擎有：V8、SpiderMonkey、JavaScriptCore、Chakra。

一個頁面的呈現，粗略的說會經過以下這些步驟：

1. DOM 樹的構建（Parse HTML）
2. 構建 CSSOM 樹（Recaculate Style） 為什么是 Re-caculate Style 呢？這是因為瀏覽器本身有 User Agent StyleSheet，所以最終的樣式是我們的樣式代碼樣式與用戶代理默認樣式覆蓋/重新計算得到的。
3. 合并 DOM 樹與 CSSOM 樹為 Render 樹
4. 布局（Layout）
5. 繪制（Paint）
6. 復合圖層化（Composite）圖層化是自己理解后形象的意譯其中布局（Layout）環節主要負責各元素尺寸、位置的計算，繪制（Paint）環節則是繪制頁面像素信息，合成（Composite）環節是多個復合層的合成，最終合成的頁面被用戶看到。

當遇到 JavaScript 腳本或者外部 JavaScript 代碼時，瀏覽器便停止 DOM 的構建（阻塞 1）

那是否停下 DOM 的構建的同時，立馬就執行 JavaScript 代碼或者下載外部腳本執行，其實還是要視情況而定，見2

當遇到