#### 瀏覽器獲取資源過程 1. 先去查找緩存，檢測緩存是否過期，直接返回緩存的內容 2. 看域名是否被解析過，DNS協議，將域名解析成ip地址(DNS基于UDP協議) 3. 如果請求時https，那么會做一個ssl協商，保證請求的安全性 4. 通過ip地址來進行尋址，排隊等待，最多能發送6個http請求 5. 創建tcp連接，三次握手 6. 利用tcp傳輸數據，拆分為數據包，有序，可靠，服務器會按順序來接收 7. 發送http請求（請求行，請求頭，請求體） 8. tcp連接默認不會斷開，因為有個字段叫keep-alive，為了下次傳輸數據時，可以復用上次創建的連接 9. 服務器收到數據后，發送響應數據，響應行，響應頭，響應體 10. 服務器狀態碼：301，302會進行重定向，如果重定向了就會重新發另一個請求 11. 服務器狀態碼304，去查詢瀏覽器緩存進行返回 #### 瀏覽器解析資源過程 1.將html轉化為DOM樹 2.將css解析成cssom樣式表 ``` css link標簽放在最下面可能會導致css的重繪 構件dom樹的時候不會被css解析阻塞，但是渲染render tree的過程會被css阻塞 js阻塞html解析，也會阻塞html渲染，js要等上面的css加載完畢，保證js可以操作樣式 ``` 3.計算出DOM樹種每個節點的具體樣式(Attachment) 4.創建render tree，將dom樹中的可見節點，添加到布局樹種，并計算節點渲染到頁面的坐標位置layout 5.通過布局樹，進行分層 ### 備用知識 #### 1.網絡七層模型 物聯網淑慧試用 應用層 + 應用層 + 表示層 + 會話層 傳輸層 (TCP, UDP) 網絡層 數據鏈路層 物理層 #### 2.http歷史 http0.9：負責傳輸的html，最早的時候沒有請求頭和響應頭 http1.0：提供了http的header，根據了header的不同，來處理不同的資源 http1.1：默認開啟了keep-alive，tcp的長連接，鏈接復用，管線化（同時可以建立6個鏈接） ? 服務器處理多個請求（對頭阻塞問題） http2： + 用同一個tcp鏈接來發送數據，一個域名一個tcp（多路復用），多個請求用一個tcp鏈接 + 頭部壓縮 + 服務器可以推送數據給客戶端 http3：解決了tcp的隊頭阻塞問題，采用了udp，并在udp上一層加了一層quic協議