溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關優化css expression性能的方法的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
優化css expression性能的方法：1、將CSS Expression在匹配的元素中僅執行一次；2、在CSS Expression語句體里，將觸發該Expression的CSS屬性重置即可。
如何優化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 就不存在其他方面的問題。
感謝各位的閱讀！關于“優化css expression性能的方法”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
