Google chrome 我如何想象reading element.offsetWidth会导致重新连接/回流

到处都写着读取

元素.offsetWidth

会导致元素维度的重新计算（甚至是回流？）

然而，我正在努力使这种效果可见

在chrome中，我希望我能够通过3个简单的步骤使其可见：

打开Chrome开发工具

转到“元件”选项卡，选择要在其上引起再结晶/再流的元件

转到时间线选项卡并开始录制

转到控制台并键入

$0.offsetWidth

---

现在，如果我转到“时间线”选项卡，我会假设看到绘制了回流。然而，我什么也看不到。所以我一定是弄错了。

经过进一步的研究，我想我可以回答我自己的问题了。并不是读取

offsetWidth

直接导致回流。更重要的是，它使浏览器立即执行渲染队列中堆叠的所有操作。如果你以错误的顺序组织对DOM的读写，那么这反过来意味着多次回流。

经过进一步的研究，我想我可以回答我自己的问题。并不是读取

offsetWidth

直接导致回流。更重要的是，它使浏览器立即执行渲染队列中堆叠的所有操作。如果您以错误的顺序组织对DOM的读写，那么这反过来意味着多次回流。

非常有意义。我仅通过私人浏览会话从登录，以便对此进行投票；）完全有道理。我仅通过私人浏览会话从登录，以便对此进行投票；）