get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是如何对CSS Expression进行优化,一起来学习了解下吧!
【 tulaoshi.com - Web开发 】
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)
IE 浏览器中 CSS Expression 特性的最大的问题:会反复执行,每秒钟可能执行了成百上千次,有严重的性能问题。
如何对 CSS Expression 进行优化呢?
至少:如果我们将 CSS Expression 在匹配的元素中仅执行一次,性能将会提升很大。
在 一文中提供了一个解决方案:
在 CSS Expression 语句体里,将触发该 Expression 的 CSS 属性重置。
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)
例如:
div
zoom expressionelelstylezoom alerteltagName
补充几点:
CSS Expression 执行在任意一个匹配的元素上。 在 CSS expression 内, this关键字指向当前匹配的 HTML 元素。 CSS 属性选用一些不常用的属性来触发,触发完重置回默认值。最近在 的文章 中看到作者 Dion Almaer 也提供了一个类似的解决方式:
但此代码并没有完全解决 CSS Expression 最大的性能问题。因为每次触发还是要去执行 Expression 脚本,比如你滚动鼠标的中间滚轮。
最后强调,仅是对 CSS Expression 做了优化,但并未说 CSS Expression 就不存在其他方面的问题。
来源:http://www.tulaoshi.com/n/20160220/1631312.html
看过《如何对CSS Expression进行优化》的人还看了以下文章 更多>>