摘要:當(dāng)你在瀏覽器中輸入一個地址時,例如,其實不是百度網(wǎng)站真正意義上的地址。結(jié)語以上就是我對輸入到頁面加載的過程的一個簡單理解。如有不對或有更好的理解,可以留言評論,不勝感激。
很多初學(xué)網(wǎng)絡(luò)或者前端的初學(xué)者大多會有這樣一個疑問:從輸入URL到頁面加載完成到底發(fā)生了什么?
總的來說,這個過程分為下面幾個步驟:
1.DNS解析
2.與服務(wù)器建立連接
3.服務(wù)器處理并返回http報文
4.瀏覽器解析渲染頁面
DNS解析的過程就是尋找哪臺機(jī)器上有你需要資源的過程。當(dāng)你在瀏覽器中輸入一個地址時,例如www.baidu.com,其實不是百度網(wǎng)站真正意義上的地址?;ヂ?lián)網(wǎng)上每一臺計算機(jī)的唯一標(biāo)識是它的IP地址,但是IP地址并不方便記憶。用戶更喜歡用方便記憶的網(wǎng)址去尋找互聯(lián)網(wǎng)上的其它計算機(jī),也就是上面提到的百度的網(wǎng)址。所以DNS解析實際上充當(dāng)了一個翻譯的角色,實現(xiàn)了網(wǎng)址到IP地址的轉(zhuǎn)換。
而DNS解析通常會經(jīng)過以下這幾個過程:
1.瀏覽器緩存 - 瀏覽器緩存DNS記錄一段時間
2.系統(tǒng)緩存 - 從Hosts文件查找是否有該域名和對應(yīng)IP
3.路由器緩存 - 一般路由器也會緩存域名信息
4.ISP DNS緩存 - 到電信的DNS查找緩存
5.都沒有找到,則向根域名服務(wù)器查找域名對應(yīng)IP,根域名服務(wù)器把請求轉(zhuǎn)發(fā)到下一級查找IP
www.baidu.com查找順序是:
根域名服務(wù)器(.)-> .com -> .baidu.com -> www.baidu.com
知道了服務(wù)器的IP地址后,就可以與服務(wù)器建立連接。
建立連接需要三個過程(三次握手):
1.主機(jī)向服務(wù)器發(fā)送一個建立連接的請求
2.服務(wù)器接到請求后發(fā)送同意連接的信號
3.主機(jī)接到同意連接的信號后,再次向服務(wù)器發(fā)送了確認(rèn)信號
服務(wù)器處理請求1.瀏覽器根據(jù) URL 內(nèi)容生成 HTTP 請求,請求中包含請求文件的位置、請求文件的方式等等
2.服務(wù)器接到請求后,會根據(jù) HTTP 請求中的內(nèi)容來決定如何獲取相應(yīng)的 HTML 文件
3.服務(wù)器將得到的 HTML 文件發(fā)送給瀏覽器
瀏覽器解析渲染頁面在執(zhí)行 HTML 中代碼時,根據(jù)需要,瀏覽器會繼續(xù)請求圖片、CSS、JavsScript等文件,過程同請求 HTML 。
結(jié)語以上就是我對輸入URL到頁面加載的過程的一個簡單理解。如有不對或有更好的理解,可以留言評論,不勝感激。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/52195.html
摘要:此時樹,樹建好,并渲染完成異步請求開始若有斷開每個長連接都會有一定時限,當(dāng)請求完成之后,斷開連接上面就是整個請求淘寶頁面到所有數(shù)據(jù)同步異步接收完成并渲染的整個過程。 地址欄輸入URL之后到底發(fā)生了哪些事情? 這個問題應(yīng)該是前端面試中被問概率較大的知識點(diǎn),綜合考察了面試者對于瀏覽器,計算機(jī)網(wǎng)絡(luò),HTTP協(xié)議,服務(wù)器等的基礎(chǔ)。本人學(xué)生黨一枚,近期找工作的過程中也被問了兩次,之前回答都是參考...
摘要:此時樹,樹建好,并渲染完成異步請求開始若有斷開每個長連接都會有一定時限,當(dāng)請求完成之后,斷開連接上面就是整個請求淘寶頁面到所有數(shù)據(jù)同步異步接收完成并渲染的整個過程。 地址欄輸入URL之后到底發(fā)生了哪些事情? 這個問題應(yīng)該是前端面試中被問概率較大的知識點(diǎn),綜合考察了面試者對于瀏覽器,計算機(jī)網(wǎng)絡(luò),HTTP協(xié)議,服務(wù)器等的基礎(chǔ)。本人學(xué)生黨一枚,近期找工作的過程中也被問了兩次,之前回答都是參考...
摘要:此時樹,樹建好,并渲染完成異步請求開始若有斷開每個長連接都會有一定時限,當(dāng)請求完成之后,斷開連接上面就是整個請求淘寶頁面到所有數(shù)據(jù)同步異步接收完成并渲染的整個過程。 地址欄輸入URL之后到底發(fā)生了哪些事情? 這個問題應(yīng)該是前端面試中被問概率較大的知識點(diǎn),綜合考察了面試者對于瀏覽器,計算機(jī)網(wǎng)絡(luò),HTTP協(xié)議,服務(wù)器等的基礎(chǔ)。本人學(xué)生黨一枚,近期找工作的過程中也被問了兩次,之前回答都是參考...
摘要:此時樹,樹建好,并渲染完成異步請求開始若有斷開每個長連接都會有一定時限,當(dāng)請求完成之后,斷開連接上面就是整個請求淘寶頁面到所有數(shù)據(jù)同步異步接收完成并渲染的整個過程。 地址欄輸入URL之后到底發(fā)生了哪些事情? 這個問題應(yīng)該是前端面試中被問概率較大的知識點(diǎn),綜合考察了面試者對于瀏覽器,計算機(jī)網(wǎng)絡(luò),HTTP協(xié)議,服務(wù)器等的基礎(chǔ)。本人學(xué)生黨一枚,近期找工作的過程中也被問了兩次,之前回答都是參考...
閱讀 1644·2021-09-22 15:25
閱讀 1523·2021-09-07 10:06
閱讀 3197·2019-08-30 15:53
閱讀 1101·2019-08-29 13:12
閱讀 3393·2019-08-29 13:07
閱讀 741·2019-08-28 18:19
閱讀 2283·2019-08-27 10:57
閱讀 999·2019-08-26 13:29