龙空技术网

css的回流和重绘

做个爱美的姑娘 96

前言:

目前小伙伴们对“重绘css”大致比较注意,朋友们都想要知道一些“重绘css”的相关资讯。那么小编同时在网络上搜集了一些对于“重绘css””的相关知识,希望同学们能喜欢,各位老铁们快快来了解一下吧!

简单看字面意思:回流:会引起结构变化,形象点:河水流出去了 又倒流,这个过程花销肯定比较大重绘:仅仅样式变化,不会引起页面结构变化,如改变字体颜色等什么时候会发生回流页面初次渲染浏览器窗口大小发生改变元素字体大小发生改变 font-size删除或者添加 DOM 元素元素的 width 和 height 发生变化什么时候会发生重绘background-colorborder-colorvisibility区别重绘不一定会伴随回流回流一定伴随重绘回流比重绘代价高如何减少回流减少 DOM 操作

呜呜,准备下班了,需求来了

标签: #重绘css