![](/img/trans.png)
[英]DOM elements with overflow hidden and child elements within them, can the DOM measure the height/width?
[英]Will specifying dom elements' height/width make them render faster?
在從ExtJS3“升級”到ExtJS4時,我們之前的代碼的一個特定實例不再起作用是使用renderTo將組件呈現到頁面中的特定div,但隨后在回調完成時更新innerHTML。 我查看了生成的dom元素,並且在ExtJS3中沒有指定高度,但是在ExtJS4中,計算了初始高度並將其作為樣式屬性添加到div標記。
我的問題是,指定DOM元素的高度會使渲染更快嗎? (畢竟ExtJS4應該是性能升級)它會因瀏覽器而異嗎? 是否有可用的基准數據?
順便說一句,因為在ExtJS4中計算了初始高度,即使在調用update()(更新innerHTML)之后,組件也不會按照計算出的高度不再足夠的情況進行渲染。 解決方案是后續調用新的doComponentLayout方法(而不僅僅是doLayout)
從理論上講,如果指定寬度應該更快,因為框架不需要計算寬度。
實際上,您需要遵循要調整大小的特定組件的代碼,並確定計算大小確實付出了多少努力。
正如趙建議,理論上更快。
但是你必須考慮在網頁開發中,用戶的屏幕尺寸可能不像你的那么大或小,這意味着它可能會在不同的屏幕分辨率下看到一點奇怪
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.