輸入U(xiǎn)RL到頁(yè)面加載發(fā)生了什么

CastlePeaK 發(fā)布于2019-08-21 16:21 / 2995人閱讀

摘要：解析查找域名對(duì)應(yīng)的會(huì)先查詢本地的緩存服務(wù)器是否存儲(chǔ)了連接的次握手發(fā)送請(qǐng)求請(qǐng)求報(bào)文請(qǐng)求行首部請(qǐng)求首部通用首部實(shí)體首部實(shí)體服務(wù)器處理請(qǐng)求并返回報(bào)文響應(yīng)報(bào)文狀態(tài)碼首部響應(yīng)首部通用首部實(shí)體首部實(shí)體瀏覽器渲染頁(yè)面首先構(gòu)建樹(shù)布局渲染樹(shù)回流重繪節(jié)點(diǎn)中的每

1、DSN解析

查找域名對(duì)應(yīng)的ip 會(huì)先查詢本地的緩存服務(wù)器是否存儲(chǔ)了

2、TCP連接

TCP的3次握手

3、發(fā)送HTTP請(qǐng)求

請(qǐng)求報(bào)文：請(qǐng)求行首部（請(qǐng)求首部通用首部實(shí)體首部）實(shí)體

4、服務(wù)器處理請(qǐng)求并返回HTTP報(bào)文

響應(yīng)報(bào)文：狀態(tài)碼首部（響應(yīng)首部通用首部實(shí)體首部）實(shí)體

5、瀏覽器渲染頁(yè)面

首先構(gòu)建DOM樹(shù)
布局渲染樹(shù) reflow 回流 repain重繪
reflow： DOM節(jié)點(diǎn)中的每個(gè)元素都是以盒模型存在的都需要瀏覽器計(jì)算其位置和大小
repain：當(dāng)盒模型的位置大小以及其他屬性如字體顏色等確定下來(lái)之后瀏覽器便開(kāi)始繪制內(nèi)容
js的執(zhí)行 js引擎單線程異步的出現(xiàn) 異步任務(wù)有了運(yùn)行結(jié)果以后就會(huì)在任務(wù)隊(duì)列中放置一個(gè)事件腳本運(yùn)行時(shí)先依次執(zhí)行這些事件

6、連接結(jié)束

云服務(wù)器 GPU云服務(wù)器鏈接到云服務(wù)器之后輸入什么鏈接到云服務(wù)器之后輸入什么情況發(fā)生了 js輸入框發(fā)生變化

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/88442.html

相關(guān)文章

從輸入URL到頁(yè)面加載到底發(fā)生了什么

摘要：當(dāng)你在瀏覽器中輸入一個(gè)地址時(shí)，例如，其實(shí)不是百度網(wǎng)站真正意義上的地址。結(jié)語(yǔ)以上就是我對(duì)輸入到頁(yè)面加載的過(guò)程的一個(gè)簡(jiǎn)單理解。如有不對(duì)或有更好的理解，可以留言評(píng)論，不勝感激。很多初學(xué)網(wǎng)絡(luò)或者前端的初學(xué)者大多會(huì)有這樣一個(gè)疑問(wèn)：從輸入U(xiǎn)RL到頁(yè)面加載完成到底發(fā)生了什么？總的來(lái)說(shuō)，這個(gè)過(guò)程分為下面幾個(gè)步驟：1.DNS解析2.與服務(wù)器建立連接3.服務(wù)器處理并返回http報(bào)文4.瀏覽器解析渲染頁(yè)面...

wuyumin 2019-08-02 10:12 評(píng)論0 收藏0
前端面試題：從url到頁(yè)面展現(xiàn)，這之中發(fā)生了什么？

摘要：比如對(duì)于的，瀏覽器實(shí)際上不知道到底是什么東西，需要查找網(wǎng)站所在服務(wù)器的地址，才能找到目標(biāo)，這就是下文要說(shuō)的域名解析。二域名解析當(dāng)用戶在瀏覽器中輸入后你使用的電腦會(huì)發(fā)出一個(gè)請(qǐng)求到本地服務(wù)器。 showImg(https://segmentfault.com/img/remote/1460000009317499?w=700&h=466); 這里markdown格式跟簡(jiǎn)書(shū)不太一樣，排版可能...

wdzgege 2019-08-06 13:21 評(píng)論0 收藏0
從輸入`URL`到頁(yè)面加載完成的過(guò)程中都發(fā)生了什么事情

摘要：但收到此失效的連接請(qǐng)求報(bào)文段后，就誤認(rèn)為是再次發(fā)出的一個(gè)新的連接請(qǐng)求。采用三次握手的辦法可以防止上述現(xiàn)象發(fā)生。概覽日期：2018-4-26目標(biāo)：了解從輸入U(xiǎn)RL到頁(yè)面加載完成的過(guò)程中都發(fā)生了什么事情總用時(shí)：一天完成情況：達(dá)成基本過(guò)程為什么會(huì)想要了解從輸入U(xiǎn)RL到頁(yè)面加載完成的過(guò)程中都發(fā)生了什么事情這個(gè)問(wèn)題呢，因?yàn)檎n程參考資料的Web 建站技術(shù)中HTML、HTML5、XHTML、...

韓冰 2019-08-22 16:46 評(píng)論0 收藏0
從輸入`URL`到頁(yè)面加載完成的過(guò)程中都發(fā)生了什么事情

摘要：但收到此失效的連接請(qǐng)求報(bào)文段后，就誤認(rèn)為是再次發(fā)出的一個(gè)新的連接請(qǐng)求。采用三次握手的辦法可以防止上述現(xiàn)象發(fā)生。概覽日期：2018-4-26目標(biāo)：了解從輸入U(xiǎn)RL到頁(yè)面加載完成的過(guò)程中都發(fā)生了什么事情總用時(shí)：一天完成情況：達(dá)成基本過(guò)程為什么會(huì)想要了解從輸入U(xiǎn)RL到頁(yè)面加載完成的過(guò)程中都發(fā)生了什么事情這個(gè)問(wèn)題呢，因?yàn)檎n程參考資料的Web 建站技術(shù)中HTML、HTML5、XHTML、...

cuieney 2019-08-02 10:18 評(píng)論0 收藏0
一個(gè)頁(yè)面從輸入URL到加載顯示完成，發(fā)生了什么？

摘要：詢問(wèn)權(quán)威的服務(wù)器域名服務(wù)器會(huì)繼續(xù)檢查請(qǐng)求的下一部分，并將查詢指向負(fù)責(zé)此特定域名的服務(wù)器這些權(quán)威的服務(wù)器將負(fù)責(zé)了解關(guān)于特定域的所有信息，并將信息存儲(chǔ)在記錄。面試經(jīng)典題——URL加載一、涉及基本知識(shí)點(diǎn)： 1. 計(jì)算機(jī)網(wǎng)絡(luò) 五層因特爾協(xié)議棧：應(yīng)用層（dns、http）：DNS解析成IP并完成http請(qǐng)求發(fā)送；傳輸層（tcp、udp）：三次握手四次揮手模式建立tcp連接；網(wǎng)絡(luò)層...

NervosNetwork 2019-08-22 17:15 評(píng)論0 收藏0