簡體   English   中英

指定dom元素的高度/寬度會使它們渲染得更快嗎?

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM