如何区分重绘
当对影响的元素进行更改时,会发生重绘 可见性但不是布局。例如,不透明度,背景颜色, 能见度和轮廓。重绘是昂贵的,因为浏览器 必须检查DOM中所有其他节点的可见性 - 一个或多个 可能已在变化的元素下可见。
和重排
回流影响更大。这指的是重新计算 所有元素的位置和尺寸,导致重新渲染 部分或全部文件。更改单个元素可能会影响所有元素 孩子,祖先和兄弟姐妹。
使用chrome开发工具(或其他类似工具)?
在Chrome Performance标签中,我只看到重绘。 repaint