对以下兄弟姐妹进行不必要的重绘
Unnecessary repaint of following siblings
我正在使用 react-transitive-number to achieve transitive animation of number changes [demo page]
问题是 - 如果您在 Chrome devtools 中查看 this page，在“渲染”选项卡中查看 "Paint Flashing"，您可能会看到每个过渡都会导致以下兄弟姐妹重新绘制。
为什么会发生这种情况？我可以理解数字的重绘，或与此插件相关的任何元素。但是为什么会影响全网关注的兄弟姐妹呢？
有什么办法可以避免这些不必要的重绘吗？
将每个带有编号的标签移动到自己的层解决了问题。
解决方案是 - 添加
translateZ(0)
我正在使用 react-transitive-number to achieve transitive animation of number changes [demo page]
问题是 - 如果您在 Chrome devtools 中查看 this page，在“渲染”选项卡中查看 "Paint Flashing"，您可能会看到每个过渡都会导致以下兄弟姐妹重新绘制。
为什么会发生这种情况？我可以理解数字的重绘，或与此插件相关的任何元素。但是为什么会影响全网关注的兄弟姐妹呢？
有什么办法可以避免这些不必要的重绘吗？
将每个带有编号的标签移动到自己的层解决了问题。
解决方案是 - 添加
translateZ(0)