從url輸入到渲染的整個過程

sherlock221 發(fā)布于2019-08-23 16:55 / 1507人閱讀

摘要：從發(fā)送到接收的過程的請求階段在有網(wǎng)的前提下，在瀏覽器輸入域名瀏覽器把這個域名發(fā)送給解析器解析器根據(jù)發(fā)送過來的，解析出一個服務(wù)器的地址解析器最終把請求發(fā)到對應(yīng)的服務(wù)器上響應(yīng)階段服務(wù)器根據(jù)解析的內(nèi)容，要找到對應(yīng)的端口號把客戶端請求的資源進行整理

http從發(fā)送到接收的過程
[http的請求階段]
1）在有網(wǎng)的前提下，在瀏覽器輸入域名
2）瀏覽器把這個域名發(fā)送給DNS解析器
3）DNS解析器根據(jù)發(fā)送過來的url，解析出一個服務(wù)器的IP地址
4）DNS解析器最終把請求發(fā)到對應(yīng)的服務(wù)器上
【http響應(yīng)階段】
1)服務(wù)器根據(jù)DNS解析的內(nèi)容，要找到對應(yīng)的端口號；
2）把客戶端請求的資源進行整理
3）服務(wù)器將打包的資源發(fā)送給客戶端
[客戶端響應(yīng)階段]
1、瀏覽器接收到服務(wù)器傳輸過來的內(nèi)容和數(shù)據(jù)
2、瀏覽器把拉取回來的HTML和CSS進行渲染
3、在渲染的過程中，瀏覽器先要根據(jù)HTML形成DOM樹，根據(jù)CSS形成CSS樹，最后把DOM樹
和CSS樹合并成render渲染樹，渲染成你想看到的頁面；遍歷render樹，計算每個節(jié)點的位置大小信息，
將渲染樹的每個節(jié)點部署到屏幕上

http的三次握手和四次揮手
1 第一次握手客戶端發(fā)送一個SYN碼給服務(wù)器，要求建立數(shù)據(jù)連接；
2 第二次握手服務(wù)器SYN和自己處理一個SYN：叫SYN+ACK發(fā)送給客戶端，可以建立連接
3 第三次握手客戶端再次發(fā)送ACK向服務(wù)器，服務(wù)器驗證ACK沒有問題，則建立起連接；
三次握手成功，就可以進行數(shù)據(jù)傳輸了。

中斷連接可以是客戶端也可以是服務(wù)器
第一次揮手：客戶端發(fā)送FIN報文，通知服務(wù)器已經(jīng)傳輸完畢；
第二次揮手：服務(wù)器接收到之后，通知客戶端我收到了SYN，發(fā)送ACK給客戶端，數(shù)據(jù)還沒有傳輸完成
第三次揮手：服務(wù)器已經(jīng)傳輸完畢，再次發(fā)生SYN通知客戶端數(shù)據(jù)已經(jīng)傳輸完畢
第四次揮手：客戶端再次發(fā)送ACK，進入TIME_WAIT狀態(tài)，服務(wù)端和客戶端關(guān)閉連接