最小化＆＃34;强制回流＆＃34;

Question

TD; DR

我花了一些时间跟踪我们的应用程序的性能，该应用程序实现了高级图表。我想通了，像getBBox（）这样的函数会触发＆＃34;强制回流＆＃34;经常。

如果查看此列表What forces layout / reflow，触发重排的事情会很长。

我的问题：

至少有一些列出的属性（特别是offsetWidth / offsetHeight）是否有替代方法，它们不会触发回流？

Answer 1

您熟悉Avoid forced synchronous layouts等文档吗？主要思想是在更改元素布局的写入操作之前执行所有读取操作。只要您遵循该原则，您使用的属性就不那么重要了。虽然使用尽可能少工作的属性当然是个好主意。

。High-Performance Animations是关于哪些属性有效的好资源。这与Derek提到的层方法有关。