如何对CSS Expression进行优化

2016-02-20 00:07 8 1 收藏

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是如何对CSS Expression进行优化,一起来学习了解下吧!

【 tulaoshi.com - Web开发 】

IE 浏览器中 CSS Expression 特性的最大的问题:会反复执行,每秒钟可能执行了成百上千次,有严重的性能问题。

如何对 CSS Expression 进行优化呢?

至少:如果我们将 CSS Expression 在匹配的元素中仅执行一次,性能将会提升很大。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

在 一文中提供了一个解决方案:

在 CSS Expression 语句体里,将触发该 Expression 的 CSS 属性重置。

例如:

div 
    zoom expressionelelstylezoom alerteltagName

补充几点:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)CSS Expression 执行在任意一个匹配的元素上。 在 CSS expression 内, this关键字指向当前匹配的 HTML 元素。 CSS 属性选用一些不常用的属性来触发,触发完重置回默认值。

最近在 的文章 中看到作者 Dion Almaer 也提供了一个类似的解决方式:

div 
    singlex expressionsinglext alertttagName tsinglex

但此代码并没有完全解决 CSS Expression 最大的性能问题。因为每次触发还是要去执行 Expression 脚本,比如你滚动鼠标的中间滚轮。

最后强调,仅是对 CSS Expression 做了优化,但并未说 CSS Expression 就不存在其他方面的问题。

来源:https://www.tulaoshi.com/n/20160220/1631312.html

延伸阅读
标签: Web开发
先看一段HTML代码,在下边这段代码中,这张图片的宽度未知,我想写在CSS中写一行限制最大宽度为50px: div id="test"  img src="http://www.zishu.cn/attachments/month_0702/n2007271255.gif" / /div Firefox或IE较高的版本可以直接写max-width。在IE的低版本浏览器中,我们可能会写如下的代码: #test img{wi...
标签: Web开发
如果使用注释的方法得当的话,为你的CSS文件添加注释可以在开发过程中给予你和其他人很大的帮助。最常见的是为CSS样式规则添加提示信息,不过使用注释对优化组织结构和提升效用也很有帮助。 提示和标签 这是注释最常用的途径,可以为自己或其他开发人员留下提示信息可以避免后期引起的不必要的困惑和麻烦。这种应用简洁性最为重...
我们讨论的是数据库性能优化的另一方面,即运用数据库服务器内建的工具辅助性能分析和优化。 ▲ show 执行下面这个命令可以了解服务器的运行状态:mysql show status; 该命令将显示出一长列状态变量及其对应的值,其中包括:被中止访问的用户数量,被中止的连接数量,尝试连接的次数,并发连接数量最大值,以及其他许多有用的信息。这些...
标签: Web开发
HTML的局限性迫使设计师们去开发更聪明的方式来使他们的网页更美观。过去最常用的工具是table标签,它本是用来创建电子数据表——比如由数据行和列组成的信息显示表。但是设计师们却用HTML的表格来创建一种用来组织网页内容的脚手架(见图11-1)。可是由于table标签本来不是要用于布局的,因此设计师们不得不经常以各种不寻常的方式来使用这个标...
标签: 电脑入门
《暗黑破坏神3》是一款受到众多玩家欢迎的大型网游,大部分MAC用户都可以很流畅的玩《暗黑破坏神3》,不过仍有一部分老机型用户无法顺利运行。为了解决这个问题,今天图老师小编就为大家介绍一些《暗黑破坏神3》的优化方法。 首先要明确的是,玩家可以在游戏中按下Control+R来显示游戏帧率(FPS)。对于暗黑3来说,能够保证平均帧率在30FPS...

经验教程

730

收藏

95
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部