沐鳴平台首頁_如何優化css expression性能?
IE 瀏覽器中 css Expression 特性的最大的問題:會反覆執行,每秒鐘可能執行了成百上千次,有嚴重的性能問題。如
何對 css Expression 進行優化呢?
至少:如果我們將 CSS Expression 在匹配的元素中僅執行一次,性能將會提升很大。
old9 在 《CSS Expression Reloaded》一文中提供了一個解決方案:
在 CSS Expression 語句體里,將觸發該 Expression 的 CSS 屬性重置。
例如:
div {
zoom: expression(function(el){el.style.zoom = "1"; alert(el.tagName);}(this));
}
補充幾點:
-
CSS Expression 執行在任意一個匹配的元素上。
-
在 CSS expression 內, “this”關鍵字指向當前匹配的 html 元素。
-
CSS 屬性選用一些不常用的屬性來觸發,觸發完重置回默認值。
還有一個類似的解決方式:
div {
-singlex: expression(this.singlex ? 0 : (function(t) {
alert(t.tagName); t.singlex = 0;
} )(this));
}
但此代碼並沒有完全解決 CSS Expression 最大的性能問題。因為每次觸發還是要去執行 Expression 腳本,比如你滾動鼠標的中間滾輪。
最後強調,僅是對 CSS Expression 做了優化,但並未說 CSS Expression 就不存在其他方面的問題。
站長推薦
1.雲服務推薦: 國內主流雲服務商,各類雲產品的最新活動,優惠券領取。地址:阿里雲騰訊雲華為雲
2.廣告聯盟: 整理了目前主流的廣告聯盟平台,如果你有流量,可以作為參考選擇適合你的平台點擊進入
鏈接: http://www.fly63.com/article/detial/7527