從輸入url到載入介面完成,發生了什麼?

2021-07-25 06:00:02 字數 446 閱讀 3955

1.輸入url並敲下回車

2.瀏覽器在本地快取中查詢資源,如果找到,則檢視過期時間,如果沒有過期,則直接從本地讀取資料,不再傳送請求。(如果沒有找到快取,則傳送http請求,伺服器拿不到版本號,則一定會回送資料給瀏覽器)

3.如果過期,則網域名稱解析,獲取ip位址。

4.建立tcp協議,三次握手。

5.握手成功,傳送http請求,請求頭中帶有版本號日期。

6.伺服器接受請求,在伺服器查詢資料,將拿到的版本號與伺服器本地版本號對比,發現沒有更新,則直接返回304,且不再返回資料,瀏覽器接到304響應,直接從本地快取中讀取資料。

7.如果發現更新,則將伺服器資料丟給php引擎,php引擎使用資料庫引擎處理資料,處理後將資料返回給伺服器,伺服器將資料回送給瀏覽器。

8.瀏覽器收到http響應

9.瀏覽器解析原始碼

10.dom載入,css渲染,js互動。

從輸入url到頁面載入完成發生了什麼

從前端的角度來看,從輸入url到頁面載入完成發生了什麼呢?總結地來看就是這樣幾點 瀏覽器的位址列輸入url並按下回車 瀏覽器查詢當前url是否存在快取,並比較快取是否過期 dns解析url對應的ip 根據ip位址建立tcp連線 http發起請求 伺服器處理請求,瀏覽器接收http響應 構建dom樹,...

從輸入URL到頁面載入完成

例如 協議部分 http www.guokr.com 資源路徑 question 554991 2 如果位址不是乙個ip位址,通過dns 網域名稱系統 將該位址解析成ip位址。ip位址對應著網路上一台計算機,dns伺服器本身也有ip,你的網路設定包含dns伺服器的ip。例如 www.guokr.co...

《從輸入URL到頁面載入完成發生了什麼》學習過程

發現自己有以下幾個問題不理解。a.資料在路由器之間是傳輸的?b.tcp工作原理。對於其他步驟,雖然不了解具體細節,但是了解大概的工作原理。比如第4步伺服器的處理,可以模擬現有業務的架構 第5步瀏覽器渲染頁面,可以模擬現有業務被瀏覽器請求後的處理。2.分步驟學習。要了解網絡卡是怎麼封裝資料的,必須了解...