前端基礎(三)

前端基礎(三)

1. 當你在瀏覽器地址欄輸入一個URL後回車,將會發生的事情?

頁面的請求過程:
1、瀏覽器的url請求
2、遞歸尋找DNS服務器
3、連接目標IP並建立TCP連接
4、向目標服務器發送http請求
5、web服務器接收請求後處理
6、web服務器返回相應的結果【無效、重定向、正確頁面等】
7、瀏覽器接收返回的http內容
8、開始解析html文件,當然是自上而下,先是頭部,後是body
9、當解析到頭部css外部鏈接時,同步去下載,如果遇到外部js鏈接也是下載【不過js鏈接不建議放在頭部,因爲耽誤頁面第一展現時間】
10、接着解析body部分,邊解析邊開始生成對應的DOM樹,同時等待css文件下載
11、一旦css文件下載完畢,那麼就同步去用已經生成的DOM節點+CSS去生成渲染樹
12、渲染樹一旦有結構模型了,接着就會同步去計算渲染樹節點的佈局位置
13、一旦計算出來渲染的座標後,又同步去開始渲染
14、10-13步進行過程中如果遇到圖片則跳過去渲染下面內容,等待圖片下載成功後會返回來在渲染原來圖片的位置
15、同14步,如果渲染過程中出現js代碼調整DOM樹機構的情況,也會再次重新來過,從修改DOM那步開始
16、最終所有節點和資源都會渲染完成
17、渲染完成後開始page的onload事件
18、整個頁面load完成

2. Set、Map、WeakSet 和 WeakMap

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章