1山橄,域名解析從右到左
eg: news.baidu.com. --》 從.開始解析
2,前端頁面渲染流程
(1)html
- html文檔下載
1)html--文檔本身
2)JavaScript--js
3)link--css
4)vedio-- .ogg .mp4
5)img--圖片src - html文檔解析
dom樹生成(所有)-- render樹生成(可見)-- 逐級解析dom樹
1:p label ol a等一般不引用外部資源標(biāo)簽
2: link javascript img可外部引用標(biāo)簽
1)link--css盡量減少頁面的reflow
2)javascript->js,js繪制dom節(jié)點會阻塞其他標(biāo)簽解析听系、甚至下載贝奇、document.write
3)img->圖片src,圖片加載可以先使用分辨率較低的圖片靠胜。
(2)瀏覽器的js引擎
- V8(C++)-》V8 是 Google 發(fā)布的開源 JavaScript 引擎掉瞳,采用 C++ 編寫,在 Google 的 Chrome 瀏覽器中被使用浪漠。V8 引擎可以獨立運(yùn)行陕习,也可以用來嵌入到 C++ 應(yīng)用程序中執(zhí)行。
- SpiderMonkey -》SpiderMonkey是Mozilla項目的一部分址愿,是一個用C語言實現(xiàn)的JavaScript腳本引擎
- rhino(Java) -》Rhino是用純Java寫成的JavaScript的開放源代碼實現(xiàn)该镣。它最常被用于嵌入Java應(yīng)用程序,以便為終端用戶提供腳本的能力响谓。