1塞赂、DNS解析
URL是為了方便記憶,DNS是網(wǎng)絡(luò)服務(wù)器昼蛀,通過給定URL宴猾,DNS給出對應(yīng)的IP地址,計(jì)算機(jī)向IP地址發(fā)請求叼旋;
2仇哆、TCP連接(TCP三次握手)
(1)客戶端向服務(wù)器發(fā)起第一次請求(我想發(fā)消息了)
(2)服務(wù)器回應(yīng),表示接收到了信息(嗯夫植,你發(fā)吧)
(3)客戶端再次發(fā)起請求(我準(zhǔn)備發(fā)了)讹剔,至此,連接建立了详民。
3延欠、HTTP請求
HTTP請求有四部分:請求行(請求方法、路徑沈跨、協(xié)議版本) 請求頭(由關(guān)鍵字/值對組成衫冻,它包含許多有關(guān)的客戶端環(huán)境和請求正文的有用信息。) 空行 請求體(可以承載多個請求參數(shù)的數(shù)據(jù)谒出,包含回車符隅俘、換行符和請求數(shù)據(jù)邻奠,并不是所有請求都具有請求數(shù)據(jù)。)
4为居、HTTP響應(yīng)
同樣有四部分 響應(yīng)行(包含:協(xié)議版本碌宴,狀態(tài)碼,狀態(tài)碼描述) 響應(yīng)頭(包含響應(yīng)報文的附加信息蒙畴,由 名/值 對組成) 空行 響應(yīng)體(包含回車符贰镣、換行符和響應(yīng)返回數(shù)據(jù),并不是所有響應(yīng)報文都有響應(yīng)數(shù)據(jù))
5膳凝、瀏覽器拿到響應(yīng)文本 HTML 后碑隆,開始渲染頁面:
根據(jù) HTML 解析出 DOM 樹
根據(jù) CSS 解析生成 CSS 規(guī)則樹
結(jié)合 DOM 樹和 CSS 規(guī)則樹,生成渲染樹
根據(jù)渲染樹計(jì)算每一個節(jié)點(diǎn)的信息
根據(jù)計(jì)算好的信息繪制頁面
6蹬音、斷開連接(TCP四次揮手)
第一次揮手:由瀏覽器發(fā)起的上煤,發(fā)送給服務(wù)器,我請求報文發(fā)送完了著淆,你準(zhǔn)備關(guān)閉吧
第二次揮手:由服務(wù)器發(fā)起的劫狠,告訴瀏覽器,我請求報文接受完了永部,我準(zhǔn)備關(guān)閉了独泞,你也準(zhǔn)備吧
第三次揮手:由服務(wù)器發(fā)起,告訴瀏覽器苔埋,我響應(yīng)報文發(fā)送完了懦砂,你準(zhǔn)備關(guān)閉吧
被動方收到發(fā)起方的報文段以后關(guān)閉連接。發(fā)起方等待一定時間未收到回復(fù)组橄,則正常關(guān)閉孕惜。第四次揮手:由瀏覽器發(fā)起,告訴服務(wù)器晨炕,我響應(yīng)報文接受完了衫画,我準(zhǔn)備關(guān)閉了,你也準(zhǔn)備吧