javascript - 指定 dom 元素的高度/宽度会使它们渲染得更快吗？

Question

在从 ExtJS3 到 ExtJS4 的“升级”中，我们之前的代码不再工作的一个特定实例是使用 renderTo 将组件呈现到页面中的特定 div，但随后在回调完成后更新 innerHTML .我查看了生成的 dom 元素，在 ExtJS3 中没有指定高度，但在 ExtJS4 中计算了初始高度并将其作为样式属性添加到 div 标记。

我的问题是，在 DOM 元素上指定高度会使渲染速度更快吗？ (毕竟 ExtJS4 应该是性能升级)它会因浏览器而异吗？是否有任何基准数据可用？

顺便说一句，因为在 ExtJS4 中计算了初始高度，即使在调用 update()(更新 innerHTML)之后，组件也不会按预期呈现，因为计算的高度不再足够。解决方案是随后调用新的 doComponentLayout 方法(而不是仅仅调用 doLayout)

Answer 1

理论上，指定宽度应该会更快，因为这样框架就不需要计算宽度了。

实际上，您需要遵循要调整大小的特定组件的代码，并弄清楚计算大小确实付出了多少努力。