這個(gè)問題問的真是很好挫望，于是希望認(rèn)認(rèn)真真的去回答一下柏蘑。當(dāng)然，某些知識是百度的來空镜，也結(jié)合了日常工作中的一些東西浩淘，希望這個(gè)回答在我前端學(xué)習(xí)一段時(shí)間再回來看的時(shí)候能夠會(huì)心一笑就好。
希望體現(xiàn)的知識點(diǎn)：頁面\網(wǎng)絡(luò)\HTTP\Nginx\加密\算法
Step1.瀏覽器查找域名的IP地址（DNS）（忽略網(wǎng)絡(luò)部分）
通過遞歸搜索方式吴攒，查找域名對應(yīng)的IP地址张抄。一般的DNS服務(wù)器中都會(huì)有.com域名的緩存。緩存刷新時(shí)間通常是10分鐘洼怔。
大多數(shù)DNS服務(wù)器使用Anycast來獲得高效低延遲的DNS查找署惯。 Anycast可以自行百度百科，我并不懂镣隶，不深挖极谊。
Step2.瀏覽器給Web服務(wù)器發(fā)送了一個(gè)HTTP請求
HTTP連接最顯著的特點(diǎn)是客戶端發(fā)送的每次請求都需要服務(wù)器回送響應(yīng)诡右，在請求結(jié)束后，會(huì)主動(dòng)釋放連接轻猖，它是一種“短連接”帆吻，要保持客戶端程序的在線狀態(tài)，需要不斷地向服務(wù)器發(fā)起連接請求咙边。
HTTP請求類似于:
在這里我們可以看到猜煮，HTTP請求頭信息包含的信息：
Accept:
接受類型。這里顯示可以接受任何類型的返回败许。
Accept-Encoding:
gzip,deflate. 聲明瀏覽器可以接受的編碼類型王带。這里可以看到，接受的編碼類型為gzip和deflate,這也是常見的HTTP壓縮技術(shù)市殷。了解不深入愕撰，不繼續(xù)拓展。
Accept-Language: Zh-CN,zh:q=0.8;en-US;q=0.5,en;q=0.3
瀏覽器可以接受的語言類型醋寝。這里可以看到分別為中文盟戏，英文。其中甥桂，q代表用戶偏好程度。
Connection:keep-alive
拓展：Keep-alive.
Http1.0中邮旷，官方?jīng)]有規(guī)定連接的工作方式黄选，此時(shí)必須添加keep-alive,保持連接一直存活。從1.1開始婶肩，默認(rèn)即為連接Keep-alive,此時(shí)除非聲明close,否則將一直處于alive狀態(tài)办陷。
Cookie
沒法細(xì)說，先略過律歼。此處暫時(shí)理解為存儲(chǔ)用戶信息和Token的用途民镜。
Host :www.baidu.com
主機(jī)名。沒法細(xì)說险毁。
Referer:***
告訴HTTP協(xié)議制圈，我是從哪個(gè)頁面過來的，以便于服務(wù)器進(jìn)行處理畔况。
User-Agent:***
用戶使用的各種瀏覽器端信息鲸鹦。
Step3:301永久重定向+跟蹤重定向地址
URL規(guī)范化需要使用。百度到的301重定向作用為跷跪，一是為了URL規(guī)范化并集中權(quán)重不讓權(quán)重分散馋嗜、二是為了網(wǎng)站改版，將舊版本的頁面的所有指標(biāo)全部轉(zhuǎn)移到新版本的頁面上吵瞻。這里我了解的同樣有限葛菇，不做深挖甘磨。暫時(shí)理解為有利于網(wǎng)站改版與SEO，繼續(xù)跟蹤重定向以便獲得
Step4:服務(wù)器端接收到了信息
這個(gè)我個(gè)人還是以我比較熟悉的Nginx來進(jìn)行說明（Apache未了解過眯停。）簡單的說济舆，就是收到一個(gè)請求，并進(jìn)行了處理庵朝。但是怎么處理的呢吗冤？網(wǎng)上搜了一圈，沒有找到太多的回答九府。于是嘗試自己作答一下椎瘟。以下均為個(gè)人理解，不保證正確性侄旬。
我們知道肺蔚，Nginx分為Master進(jìn)程和Worker進(jìn)程。HTTP請求是由Work進(jìn)程處理的儡羔，具體步驟如下：
Worker進(jìn)程調(diào)用事件模塊——建立TCP連接——根據(jù)配置文件交由HTTP框架處理——接受請求的HTTP包頭——根據(jù)location配置調(diào)用HTTP模塊處理請求——處理請求——發(fā)送HTTP響應(yīng)時(shí)一次調(diào)用所有HTTP過濾模塊——根據(jù)配置文件決定如何處理（是否進(jìn)行HTTP過濾）宣羊，是 則進(jìn)行HTTP過濾，否則直接返回汰蜘。
在獲取HTTP頭部之后仇冯，將其存儲(chǔ)進(jìn)headers這個(gè)ngx_list_t鏈表，進(jìn)行值判斷族操，并進(jìn)行Hash值校驗(yàn)苛坚。如果hash為0，則表明不是合法的頭部色难。同時(shí)判斷HTTP頭部值是否為"uploadFile",如果不是泼舱，也不是正確的頭部。
進(jìn)行頭部判斷后枷莉，開始獲取HTTP包體娇昙。HTTP包體的長度由于未事先聲明，有可能非常大笤妙。如果試圖一次性調(diào)用并全部讀取完冒掌，那么肯定會(huì)阻塞該Worker進(jìn)程。Nginx HTTP框架提供了一種方法來異步地接收包體蹲盘，方法名為ngx_http_read_client_request_body宋渔。調(diào)用它只是說明要求Nginx開始接收請求的包體，并不表示是否已經(jīng)接收完辜限，當(dāng)接收完所有包體后皇拣，post_handle指向的回調(diào)方法會(huì)被調(diào)用。換句話說，ngx_http_read_client_request_body返回時(shí)既有可能已經(jīng)接收完請求中所有的包體氧急，也有可能還沒開始接收包體颗胡。結(jié)束的標(biāo)志是什么呢？返回NGX_DONE.
Step5:服務(wù)器發(fā)回HTML響應(yīng)
請求處理完畢后吩坝，開始發(fā)送HTTP響應(yīng)毒姨，告知Client端已經(jīng)處理完畢。響應(yīng)主要包括響應(yīng)行钉寝，響應(yīng)頭部弧呐，包體三部分。具體的不多說嵌纲，只是要注意俘枫，返回的類型值為Text/html,通知客戶端以HTML格式進(jìn)行包處理。
Step6:頁面渲染逮走，開始顯示
了解的不多也不懂鸠蚪。此處放一張圖吧，來自知乎师溅。
