瀏覽器解析原理

瀏覽器文檔流 -》htmlDOM結構 -》css結合 -〉佈局-》繪製頁面
-w699

第一步 HTML轉換成DOM

服務端返回‘text/html’ 格式的文檔流,HTML字符串描述流頁面的結構,瀏覽器會把HTML字符串解析成DOM的樹形結構

第二步 生成CSSOM結構

css樣式可以在web 頁面裏映射CSSDOM (css 對象模型),他和 DOM 結構比較像,不是增量模式。 而是組合模式。
-w668

第三步 CSSDOM樹和DOM樹合併成渲染樹

-w685

第四步 完整DOM 結構

瀏覽器解析原理
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章