渲染樹的造成

從瀏覽器輸入url到頁面顯示經歷了哪些?

  1. DNS域名解析,解析出ip地址
  2. 與服務器三次握手創建TCP鏈接
  3. 瀏覽器想web服務器發送HTTP請求(請求方法、請求頭、請求正文)
  4. 服務器(如Apache、Ngnix、IIS)處理請求並返回HTTP報文
  5. 瀏覽器解析資源並渲染頁面
  6. 四次握手關閉tcp鏈接

dom樹

DOM(Document Object Model(文檔對象模型)) 是對 HTML 文檔結構化的表述,後端服務器返回給瀏覽器渲染引擎的 HTML 文件字節流是沒法直接被瀏覽器渲染引擎理解的,要轉化爲渲染器引擎能夠理解的內部結構,這個結構就是 DOM。 容許程序和腳本動態地訪問和更新文檔的內容、結構和樣式 javascript

HTML解析器

<html>
<body>
    <div>程序員成長指北</div>
</body>
</html>
複製代碼

CSS解析器

javascript對DOM樹與CSSOM樹建立的影響

構建渲染樹

渲染樹造成過程能夠作哪些優化

相關文章
相關標籤/搜索