回流,重绘的概念,以及他们的区别?
生活随笔
收集整理的這篇文章主要介紹了
回流,重绘的概念,以及他们的区别?
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1.回流: 當render tree中的一部分(或全部)因為元素的規模尺寸,布局,隱藏等改變而需要重新構建。這就稱為回流(reflow)。每個頁面至少需要一次回流,就是在頁面第一次加載的時候,這時候是 一定會發生回流的,因為要構建render tree。 2.重繪: 在回流的時候,瀏覽器會使渲染樹中受到影響的部分失效,并重新構造這部分渲染樹,完成回流后,瀏覽器會重新繪制受影響的部分到屏幕中,該過程成為重繪。 區別:
回流必將引起重繪,而重繪不一定會引起回流。比如:只有顏色改變的時候就只會發生重繪而不會引起回流
當頁面布局和幾何屬性改變時就需要回流 。比如:添加或者刪除可見的DOM元素,元素位置改變,元素尺寸改變——邊距、填充、邊框、寬度和高度,內容改變
回流必將引起重繪,而重繪不一定會引起回流。比如:只有顏色改變的時候就只會發生重繪而不會引起回流
當頁面布局和幾何屬性改變時就需要回流 。比如:添加或者刪除可見的DOM元素,元素位置改變,元素尺寸改變——邊距、填充、邊框、寬度和高度,內容改變
轉載于:https://www.cnblogs.com/Alice-67/p/10896036.html
總結
以上是生活随笔為你收集整理的回流,重绘的概念,以及他们的区别?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Android NDK环境搭建
- 下一篇: java笔记4-类型转换