瀏覽器訪問(wèn)域名到頁(yè)面展示的整個(gè)過(guò)程
一机打、DNS解析
- 瀏覽器緩存的DNS
- 操作系統(tǒng)的DNS
- 路由器的緩存
4）ISP的DNS服務(wù)器
5）根服務(wù)器獲取DNS
二、瀏覽器與服務(wù)器交互
- 三次握手 （tcp協(xié)議）
2）瀏覽器根據(jù)解析到的ip地址和端口號(hào)發(fā)起http請(qǐng)求
3）服務(wù)器收到http請(qǐng)求后寥闪，返回相應(yīng)報(bào)文
- 若狀態(tài)碼為200璃哟，則顯示響應(yīng)成功
三、瀏覽器頁(yè)面渲染過(guò)程
1）根據(jù)瀏覽器深度遍歷的方式亭枷，把html節(jié)點(diǎn)遍歷成dom樹(shù)
2）將css解析為css dom樹(shù)旷坦，構(gòu)造render樹(shù)
- js根據(jù)render樹(shù)掏熬，計(jì)算所有節(jié)點(diǎn)在屏幕中的位置，布局
- 遍歷render樹(shù)秒梅，并調(diào)用硬件api繪制所有的節(jié)點(diǎn)
