資訊專欄INFORMATION COLUMN
摘要：從發(fā)送到接收的過(guò)程的請(qǐng)求階段在有網(wǎng)的前提下，在瀏覽器輸入域名瀏覽器把這個(gè)域名發(fā)送給解析器解析器根據(jù)發(fā)送過(guò)來(lái)的，解析出一個(gè)服務(wù)器的地址解析器最終把請(qǐng)求發(fā)到對(duì)應(yīng)的服務(wù)器上響應(yīng)階段服務(wù)器根據(jù)解析的內(nèi)容，要找到對(duì)應(yīng)的端口號(hào)把客戶端請(qǐng)求的資源進(jìn)行整理
http從發(fā)送到接收的過(guò)程
[http的請(qǐng)求階段]
1）在有網(wǎng)的前提下，在瀏覽器輸入域名
2）瀏覽器把這個(gè)域名發(fā)送給DNS解析器
3）DNS解析器根據(jù)發(fā)送過(guò)來(lái)的url，解析出一個(gè)服務(wù)器的IP地址
4）DNS解析器最終把請(qǐng)求發(fā)到對(duì)應(yīng)的服務(wù)器上
【http響應(yīng)階段】
1)服務(wù)器根據(jù)DNS解析的內(nèi)容，要找到對(duì)應(yīng)的端口號(hào)；
2）把客戶端請(qǐng)求的資源進(jìn)行整理
3）服務(wù)器將打包的資源發(fā)送給客戶端
[客戶端響應(yīng)階段]
1、瀏覽器接收到服務(wù)器傳輸過(guò)來(lái)的內(nèi)容和數(shù)據(jù)
2、瀏覽器把拉取回來(lái)的HTML和CSS進(jìn)行渲染
3、在渲染的過(guò)程中，瀏覽器先要根據(jù)HTML形成DOM樹，根據(jù)CSS形成CSS樹，最后把DOM樹
和CSS樹合并成render渲染樹，渲染成你想看到的頁(yè)面；遍歷render樹，計(jì)算每個(gè)節(jié)點(diǎn)的位置大小信息，
將渲染樹的每個(gè)節(jié)點(diǎn)部署到屏幕上
http的三次握手和四次揮手
1 第一次握手 客戶端發(fā)送一個(gè)SYN碼給服務(wù)器，要求建立數(shù)據(jù)連接；
2 第二次握手 服務(wù)器SYN和自己處理一個(gè)SYN：叫SYN+ACK發(fā)送給客戶端，可以建立連接
3 第三次握手 客戶端再次發(fā)送ACK向服務(wù)器，服務(wù)器驗(yàn)證ACK沒有問(wèn)題，則建立起連接；
三次握手成功，就可以進(jìn)行數(shù)據(jù)傳輸了。
中斷連接可以是客戶端也可以是服務(wù)器
第一次揮手：客戶端發(fā)送FIN報(bào)文，通知服務(wù)器已經(jīng)傳輸完畢；
第二次揮手：服務(wù)器接收到之后，通知客戶端我收到了SYN，發(fā)送ACK給客戶端，數(shù)據(jù)還沒有傳輸完成
第三次揮手：服務(wù)器已經(jīng)傳輸完畢，再次發(fā)生SYN通知客戶端數(shù)據(jù)已經(jīng)傳輸完畢
第四次揮手：客戶端再次發(fā)送ACK，進(jìn)入TIME_WAIT狀態(tài)，服務(wù)端和客戶端關(guān)閉連接
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/103528.html
摘要：文章同步到技術(shù)內(nèi)幕之頁(yè)面渲染過(guò)程最近拜讀了傳說(shuō)中的技術(shù)內(nèi)幕一書，有很大收獲，尤其是對(duì)頁(yè)面渲染有了較深的認(rèn)識(shí)。解析語(yǔ)法分析，基于詞法解釋器生成的新標(biāo)記，構(gòu)建成抽象語(yǔ)法樹，解析器嘗試將其與某條語(yǔ)法規(guī)則進(jìn)行匹配。 文章同步到github《Webkit技術(shù)內(nèi)幕》之頁(yè)面渲染過(guò)程 最近拜讀了傳說(shuō)中的《Webkit技術(shù)內(nèi)幕》一書，有很大收獲，尤其是對(duì)頁(yè)面渲染有了較深的認(rèn)識(shí)。由于功力有限，而且書中設(shè)...
摘要：文章同步到技術(shù)內(nèi)幕之頁(yè)面渲染過(guò)程最近拜讀了傳說(shuō)中的技術(shù)內(nèi)幕一書，有很大收獲，尤其是對(duì)頁(yè)面渲染有了較深的認(rèn)識(shí)。解析語(yǔ)法分析，基于詞法解釋器生成的新標(biāo)記，構(gòu)建成抽象語(yǔ)法樹，解析器嘗試將其與某條語(yǔ)法規(guī)則進(jìn)行匹配。 文章同步到github《Webkit技術(shù)內(nèi)幕》之頁(yè)面渲染過(guò)程 最近拜讀了傳說(shuō)中的《Webkit技術(shù)內(nèi)幕》一書，有很大收獲，尤其是對(duì)頁(yè)面渲染有了較深的認(rèn)識(shí)。由于功力有限，而且書中設(shè)...
摘要：文章同步到技術(shù)內(nèi)幕之頁(yè)面渲染過(guò)程最近拜讀了傳說(shuō)中的技術(shù)內(nèi)幕一書，有很大收獲，尤其是對(duì)頁(yè)面渲染有了較深的認(rèn)識(shí)。解析語(yǔ)法分析，基于詞法解釋器生成的新標(biāo)記，構(gòu)建成抽象語(yǔ)法樹，解析器嘗試將其與某條語(yǔ)法規(guī)則進(jìn)行匹配。 文章同步到github《Webkit技術(shù)內(nèi)幕》之頁(yè)面渲染過(guò)程 最近拜讀了傳說(shuō)中的《Webkit技術(shù)內(nèi)幕》一書，有很大收獲，尤其是對(duì)頁(yè)面渲染有了較深的認(rèn)識(shí)。由于功力有限，而且書中設(shè)...
摘要：首先說(shuō)明以下是我參考網(wǎng)上答案和自己的思考，給出自己的想法，如果有問(wèn)題，歡迎大家吐槽從用戶在瀏覽器中輸入一個(gè)，到整個(gè)頁(yè)面渲染，這個(gè)過(guò)程中究竟發(fā)生了什么呢今天先簡(jiǎn)單寫下整個(gè)過(guò)程，后面再一點(diǎn)點(diǎn)完善。 首先說(shuō)明以下是我參考網(wǎng)上答案和自己的思考，給出自己的想法，如果有問(wèn)題，歡迎大家吐槽從用戶在瀏覽器中輸入一個(gè)URL，到整個(gè)頁(yè)面渲染，這個(gè)過(guò)程中究竟發(fā)生了什么呢？今天先簡(jiǎn)單寫下整個(gè)過(guò)程，后面再一點(diǎn)點(diǎn)...
閱讀 2760·2021-11-08 13:16
閱讀 2425·2021-10-18 13:30
閱讀 2328·2021-09-27 13:35
閱讀 2061·2019-08-30 15:55
閱讀 2495·2019-08-30 13:22
閱讀 640·2019-08-30 11:24
閱讀 2139·2019-08-29 12:33
閱讀 1874·2019-08-26 12:10
