網頁生成的過程
- HTML解析器會將html解析成DOM樹
- CSS解析器會將css解析成CSSOM樹
- 結合DOM樹和CSSOM樹,生成一顆渲染樹(render DOM)
- 將所有的渲染樹的所有節點平面結合,即生成布局
- 將生成的布局繪制在設備屏幕上
重繪
DOM元素的樣式發生了改變,但布局沒發生變化,重新把元素外觀繪制出來的過程,成為重繪
。
重排
DOM元素的變化改變了元素的幾何屬性(位置,大小的),瀏覽器需要重新計算元素的幾何屬性,并將元素重新計算,安放到正確位置的過程。
DOM元素的樣式發生了改變,但布局沒發生變化,重新把元素外觀繪制出來的過程,成為重繪
。
DOM元素的變化改變了元素的幾何屬性(位置,大小的),瀏覽器需要重新計算元素的幾何屬性,并將元素重新計算,安放到正確位置的過程。