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