国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS Expression 優化

2024-07-11 08:45:28
字體:
來源:轉載
供稿:網友

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));
}

補充幾點:

  1. CSS Expression 執行在任意一個匹配的元素上。
  2. 在 CSS expression 內, “this”關鍵字指向當前匹配的 HTML 元素。
  3. CSS 屬性選用一些不常用的屬性來觸發,觸發完重置回默認值。

最近在 Ajaxian 的文章《Creating a querySelector for IE that runs at “native speed”》 中看到作者 Dion Almaer 也提供了一個類似的解決方式:

div {
   
-singlex: expression(this.singlex ? 0 : (function(t) { alert(t.tagName); t.singlex = 0; } )(this));
}

但此代碼并沒有完全解決 CSS Expression 最大的性能問題。因為每次觸發還是要去執行 Expression 腳本,比如你滾動鼠標的中間滾輪。

最后強調,僅是對 CSS Expression 做了優化,但并未說 CSS Expression 就不存在其他方面的問題。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 玉田县| 故城县| 清水河县| 宿州市| 通山县| 东丽区| 璧山县| 麦盖提县| 陆河县| 留坝县| 崇信县| 于田县| 馆陶县| 洪雅县| 班戈县| 宜昌市| 太湖县| 湾仔区| 四川省| 长阳| 遂川县| 廊坊市| 沂源县| 平舆县| 青海省| 迁安市| 盐池县| 玉屏| 射洪县| 台东市| 广南县| 科尔| 濉溪县| 宁德市| 改则县| 郧西县| 寿宁县| 徐汇区| 穆棱市| 滁州市| 霍林郭勒市|