|
[ 文章導(dǎo)讀 ] 不管是前端還是后臺(tái)開發(fā)，在找工作的時(shí)候，只要涉及到網(wǎng)絡(luò)方面的知識(shí)，必然會(huì)問到這樣一個(gè)問題：當(dāng)我在瀏覽器的地址欄里輸入一個(gè)完整的URL，在按下回車直至頁面加載完成，整個(gè)過程發(fā)生了什么？這是一道考察綜合能力的面試題，今天我們就一起來總結(jié)下該如 ...
不管是前端還是后臺(tái)開發(fā)，在找工作的時(shí)候，只要涉及到網(wǎng)絡(luò)方面的知識(shí)，必然會(huì)問到這樣一個(gè)問題：當(dāng)我在瀏覽器的地址欄里輸入一個(gè)完整的URL，在按下回車直至頁面加載完成，整個(gè)過程發(fā)生了什么？這是一道考察綜合能力的面試題，今天我們就一起來總結(jié)下該如何回答這個(gè)問題，當(dāng)然我只是在這里講解主要的知識(shí)點(diǎn)，涉及到的細(xì)節(jié)還需要大家再去找資料看。 整體過程 在這整個(gè)過程中，大致可以分為以下幾個(gè)過程
DNS域名解析 首先我們應(yīng)該要知道的是，在地址欄輸入的域名并不是最后資源所在的真實(shí)位置，域名只是與IP地址的一個(gè)映射。網(wǎng)絡(luò)服務(wù)器的IP地址那么多，我們不可能去記一串串的數(shù)字，因此域名就產(chǎn)生了，域名解析的過程實(shí)際是將域名還原為IP地址的過程。 DNS域名解析有兩種方法，分別是迭代查詢和遞歸查詢
迭代查詢
遞歸查詢 TCP連接 在通過第一步的DNS域名解析后，獲取到了服務(wù)器的IP地址，在獲取到IP地址后，便會(huì)開始建立一次連接，這是由TCP協(xié)議完成的，主要通過三次握手進(jìn)行連接。 三次握手的示意圖如下：
三次握手 HTTP請(qǐng)求 在確認(rèn)與服務(wù)器建立連接后，便會(huì)發(fā)送一個(gè)HTTP請(qǐng)求，HTTP請(qǐng)求的報(bào)文主要包括請(qǐng)求行，請(qǐng)求頭，請(qǐng)求正文。 請(qǐng)求行的內(nèi)容一般類似于：GET index.html HTTP/1.1 請(qǐng)求頭的內(nèi)容一般如下，可以通過瀏覽器開發(fā)者工具查看
請(qǐng)求頭 請(qǐng)求體一般包含請(qǐng)求傳遞的參數(shù)
請(qǐng)求體 處理HTTP請(qǐng)求并響應(yīng) 服務(wù)器在收到瀏覽器發(fā)送的HTTP請(qǐng)求之后，會(huì)將收到的HTTP報(bào)文封裝成HTTP的Request對(duì)象，并通過不同的Web服務(wù)器進(jìn)行處理，處理完的結(jié)果以HTTP的Response對(duì)象返回，主要包括狀態(tài)碼，響應(yīng)頭，響應(yīng)報(bào)文三個(gè)部分。 狀態(tài)碼主要包括以下部分
響應(yīng)頭主要由Cache-Control、 Connection、Date、Pragma等組成 響應(yīng)體為服務(wù)器返回給瀏覽器的信息，主要由HTML，css，js，圖片文件組成 頁面渲染 頁面DOM樹的渲染是個(gè)復(fù)雜的過程，需要深入了解DOM原理，這里簡(jiǎn)要描述一下，主要過程如下
DOM樹渲染 關(guān)閉連接 在頁面元素傳輸完成后，會(huì)選擇關(guān)閉連接，此時(shí)用到的是TCP四次揮手，示意圖如下
TCP四次揮手 總結(jié) 至此一個(gè)完成的URL從輸入到加載的過程就分析完了，今天的內(nèi)容有沒有一點(diǎn)收獲呢？ |
|
|
