從url輸入網(wǎng)址

面試題：從一個(gè)url地址到頁(yè)面渲染完成 發(fā)生了什么

1.DNS解析 將域名地址解析為IP地址
瀏覽器的DNS緩存
系統(tǒng)DNS緩存
路由器DNS緩存
網(wǎng)絡(luò)運(yùn)營(yíng)商DNS緩存
遞歸搜索
2.TCP鏈接 TCP三次握手
第一次握手，由瀏覽器發(fā)起，告訴服務(wù)器我要發(fā)請(qǐng)求了
第二次握手 由服務(wù)器發(fā)起 告訴瀏覽器我準(zhǔn)備接受了 你趕緊發(fā)送吧
第三次握手 由瀏覽器發(fā)起 告訴服務(wù)器我馬上就發(fā)了 準(zhǔn)備接收吧

3.發(fā)送請(qǐng)求
請(qǐng)求報(bào)文 http協(xié)議的通信內(nèi)容

4接受響應(yīng)
響應(yīng)報(bào)文

5渲染頁(yè)面
遇見(jiàn)HTML標(biāo)記 瀏覽器調(diào)用html解析器解析成Token并構(gòu)建成dom樹(shù)
遇見(jiàn)style/link標(biāo)記 瀏覽器會(huì)調(diào)用css解析器處css標(biāo)記并構(gòu)建成cssom樹(shù)
遇到script標(biāo)記 調(diào)用js解析器 處理script代碼（綁定事件 修改dom、cssom樹(shù)）
將dom樹(shù)和cssom樹(shù)合并成一個(gè)渲染樹(shù)
根據(jù)渲染樹(shù)來(lái)計(jì)算布局 將各個(gè)節(jié)點(diǎn)顏色繪制到屏幕上（渲染）

 注意：
 這五個(gè)步驟不一定按順序執(zhí)行  如果dom樹(shù) 或者cssom樹(shù)被修改了可能會(huì)執(zhí)行多次布局和渲染
 往往實(shí)際頁(yè)面中，這些步驟都會(huì)執(zhí)行多次的

6.斷開(kāi)連接 TCP四次揮手
第一次揮手 由瀏覽器發(fā)起的 發(fā)送給服務(wù)器 我東西發(fā)送完了（請(qǐng)求報(bào)文），你準(zhǔn)備關(guān)閉吧
第二次揮手 由服務(wù)器發(fā)起的 告訴瀏覽器我東西接受完了（請(qǐng)求報(bào)文） 我準(zhǔn)備關(guān)閉了 你也準(zhǔn)備吧
第三次揮手 有服務(wù)器發(fā)起 告訴瀏覽器我東西發(fā)送完了（響應(yīng)報(bào)文） 你準(zhǔn)備關(guān)閉吧
第四次揮手 由瀏覽器發(fā)起 告訴服務(wù)器 我東西接受完了（響應(yīng)報(bào)文） 準(zhǔn)備關(guān)閉了 你也準(zhǔn)備吧