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