資訊專欄INFORMATION COLUMN
摘要：很早之前就想寫一篇關(guān)于頁面請(qǐng)求整個(gè)過程的文章。遞歸查詢這個(gè)過程詳細(xì)可以。服務(wù)器處理請(qǐng)求如圖，請(qǐng)求經(jīng)轉(zhuǎn)發(fā)給進(jìn)行處理。請(qǐng)求處理就是一個(gè)能夠讀懂請(qǐng)求并且能夠生成來進(jìn)行響應(yīng)的程序像。瀏覽器開始顯示在瀏覽器沒有完整接受全部文檔時(shí)，就開始顯示頁面了。
很早之前就想寫一篇關(guān)于頁面請(qǐng)求整個(gè)過程的文章。當(dāng)然，這樣的文章網(wǎng)上到處都是。而且自己寫的并沒有比別人好，那為什么還要寫那。人都是善忘的動(dòng)物，寫下來主要是作為備忘，同時(shí)鍛煉下自己的表達(dá)能力。畢竟能把一個(gè)問題講明白才能說明真正的懂了。
首先，在瀏覽器輸入網(wǎng)址(www.melody.com/index.php) 瀏覽器查找該域名對(duì)應(yīng)的 IP 地址(DNS 解析)
DNS 解析過程：
瀏覽器緩存 － 瀏覽器會(huì)緩存 DNS記錄一段時(shí)間，俺電腦上的谷歌瀏覽器默認(rèn)是1分鐘。
hosts 文件 － 不同系統(tǒng)放置的目錄不一樣，Mac 是在 /etc/hosts.
路由器緩存 － 額，這個(gè)就沒什么好說的了。
ISP 解析服務(wù)器 － 其實(shí)這個(gè)是 DNS記錄的緩存。
遞歸查詢 － 這個(gè)過程詳細(xì)可以google。這個(gè)查詢是由 ISP 的解析服務(wù)器發(fā)起的，所以查到后，ISP 會(huì)將記錄緩存后發(fā)送給瀏覽器。
注：DNS 查找的過程就這樣完成了, 假設(shè)查詢到的 IP 地址為 115.26.23.117。值得注意的是(4)中，一般默認(rèn)是運(yùn)營(yíng)商解析服務(wù)器。比如筆者用的是聯(lián)通的寬帶，默認(rèn)的就是聯(lián)通的解析服務(wù)器。linux/mac 可以通過?cat /etc/resolv.conf 查看。
瀏覽器發(fā)起到115.26.23.117端口80的連接TCP 連接建立需要經(jīng)歷三次握手(SYN -> SYN+ACK -> ACK)
瀏覽器給Web服務(wù)器發(fā)送一個(gè)HTTP請(qǐng)求詳細(xì)的報(bào)文分析可以參考《HTTP權(quán)威指南》，這里不做贅述。服務(wù)器接收請(qǐng)求
如圖1，實(shí)際上是Nginx 接收了請(qǐng)求。
如圖1，請(qǐng)求經(jīng)Nginx 轉(zhuǎn)發(fā)給App Server 進(jìn)行處理。
請(qǐng)求處理就是一個(gè)能夠讀懂請(qǐng)求并且能夠生成HTML來進(jìn)行響應(yīng)的程序(像Python、PHP、Ruby)。
?服務(wù)器返回一個(gè)HTML響應(yīng)APP Server 生成一個(gè)HTML響應(yīng)經(jīng)Nginx 返回給瀏覽器。
瀏覽器開始顯示HTML在瀏覽器沒有完整接受全部HTML文檔時(shí)，就開始顯示頁面了。
瀏覽器會(huì)根據(jù)響應(yīng)報(bào)頭的信息來決定如何解釋該響應(yīng)。
?瀏覽器獲取嵌入在HTML中的對(duì)象(css、js、img等)如：
總結(jié)一下： 1. 加深下記憶
2. 參考: http://www.cnblogs.com/wenanr...
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/23214.html
摘要：前段時(shí)間重構(gòu)一個(gè)頁面，頁面中存在通過第三方代碼插入的動(dòng)態(tài)廣告正常的產(chǎn)品需求，上線后發(fā)現(xiàn)第三方的廣告資源存在重復(fù)請(qǐng)求的問題。所以，同一個(gè)請(qǐng)求會(huì)觸發(fā)兩次的原因頁面加載時(shí)渲染元素會(huì)觸發(fā)第一次請(qǐng)求，執(zhí)行代碼導(dǎo)致重新渲染觸發(fā)第二次請(qǐng)求。 前段時(shí)間重構(gòu)一個(gè)頁面，頁面中存在通過第三方JavaScript代碼插入的動(dòng)態(tài)廣告（正常的產(chǎn)品需求），上線后發(fā)現(xiàn)第三方的廣告資源存在重復(fù)請(qǐng)求的問題。由于控制廣告插...
摘要：前段時(shí)間重構(gòu)一個(gè)頁面，頁面中存在通過第三方代碼插入的動(dòng)態(tài)廣告正常的產(chǎn)品需求，上線后發(fā)現(xiàn)第三方的廣告資源存在重復(fù)請(qǐng)求的問題。所以，同一個(gè)請(qǐng)求會(huì)觸發(fā)兩次的原因頁面加載時(shí)渲染元素會(huì)觸發(fā)第一次請(qǐng)求，執(zhí)行代碼導(dǎo)致重新渲染觸發(fā)第二次請(qǐng)求。 前段時(shí)間重構(gòu)一個(gè)頁面，頁面中存在通過第三方JavaScript代碼插入的動(dòng)態(tài)廣告（正常的產(chǎn)品需求），上線后發(fā)現(xiàn)第三方的廣告資源存在重復(fù)請(qǐng)求的問題。由于控制廣告插...
摘要：一盡可能減少請(qǐng)求什么是請(qǐng)求官方回答從客戶端到服務(wù)器端的請(qǐng)求消息包括消息首行中對(duì)資源的請(qǐng)求方法資源的標(biāo)識(shí)符及使用協(xié)議菜鳥回答當(dāng)你打開網(wǎng)頁的時(shí)候所看到的文字圖片多媒體等都是從服務(wù)器獲取的每一個(gè)內(nèi)容的獲取就是請(qǐng)求把圖片合并二使用內(nèi)容分發(fā)網(wǎng)絡(luò)官方回 一、盡可能減少Http請(qǐng)求 什么是Http請(qǐng)求？官方回答：從客戶端到服務(wù)器端的請(qǐng)求消息包括消息首行中對(duì)資源的請(qǐng)求方法 資源的標(biāo)識(shí)符及使用協(xié)議菜鳥回...
閱讀 2316·2021-11-24 10:26
閱讀 2870·2021-11-23 09:51
閱讀 2977·2021-10-08 10:05
閱讀 1770·2021-09-22 15:18
閱讀 1700·2019-08-29 18:45
閱讀 2217·2019-08-29 18:40
閱讀 3403·2019-08-29 16:16
閱讀 2968·2019-08-29 14:21
