頁面輸入url後會發生什麼？

這是一個前端經典問題，就像女朋友會問的“我和你媽同時掉水裡，你救誰？”一樣離譜的高頻。本質上這問題對前端開發，并沒有技術提高。但是知道了這個，你就能知道頁面究竟是怎麼來的了。有一種撥開雲霧見天明的感覺。

小故事

所有抽象的知識，隻有具體了才能讓人更加了解。是以，我将講一個故事的形式向大家闡述。

專業術語闡述

1. DNS域名解析：将域名解析成為IP位址的過程
2. 建立TCP連接配接：三次握手，確定資料安全
3. 發起HTTP請求：使用者送出資訊
4. 伺服器處理請求、傳回HTTP封包： 根據使用者輸入資訊，服務端傳回所需要展示的資訊給客戶
5. 關閉TCP連接配接：斷開連接配接，四次分手。相當于兩次兩次分手
6. 浏覽器解析html：解析服務端傳回的HTML内容
7. 浏覽器布局渲染：根據html建構dom、cssom數組成渲染樹進行渲染

結束語