1、開(kāi)源瀏覽器一般以8k每塊下載html頁(yè)面 。
2、解析頁(yè)面生成DOM樹(shù),遇到css標(biāo)簽或JS腳本標(biāo)簽就新起線程去下載他們,并繼續(xù)構(gòu)建DOM 。
【瀏覽器加載網(wǎng)頁(yè)時(shí)的過(guò)程是什么】3、下載完后解析CSS為CSS規(guī)則樹(shù) , 瀏覽器結(jié)合CSS規(guī)則樹(shù)和DOM樹(shù)生成Render Tree 。
4、注意:構(gòu)建CSS Object Model(CSSOM)會(huì)阻塞JavaScript的執(zhí)行 。JavaScript的執(zhí)行也會(huì)阻塞DOM的構(gòu)建 。JavaScript下載后可以通過(guò)DOM API修改DOM,通過(guò)CSSOM API修改樣式作用域Render Tree 。每次修改會(huì)造成Render Tree的重新布局和重繪 。只要修改DOM或修改了元素的形狀或大小,就會(huì)觸發(fā)Reflow,單純修改元素的顏色只需Repaint一下(調(diào)用操作系統(tǒng)Native GUI的API繪制) 。
推薦閱讀
- 最好的凈水器品牌
- 什么是偏向角
- 秦始皇統(tǒng)一中國(guó)的文字是
- 葵花籽仁怎么挑選
- 血管炎怎么治
- 場(chǎng)的字多音字組詞
- 煙雨江湖雪銀絲怎么提煉
- 牛奶配生雞蛋能不能吃
- 紅米5Plus質(zhì)量怎么樣
