網(wǎng)頁生成的過程
- HTML解析器會將html解析成DOM樹
- CSS解析器會將css解析成CSSOM樹
- 結(jié)合DOM樹和CSSOM樹钱磅,生成一顆渲染樹(render DOM)
- 將所有的渲染樹的所有節(jié)點平面結(jié)合梦裂,即生成布局
- 將生成的布局繪制在設(shè)備屏幕上
重繪
DOM元素的樣式發(fā)生了改變,但布局沒發(fā)生變化盖淡,重新把元素外觀繪制出來的過程年柠,成為重繪
。
重排
DOM元素的變化改變了元素的幾何屬性(位置褪迟,大小的)冗恨,瀏覽器需要重新計算元素的幾何屬性,并將元素重新計算味赃,安放到正確位置的過程掀抹。