【20年品牌建站】找北京网站建设公司就选新鸿儒/提供北京网站建设报价/北京网站制作/北京网站设计/网站开发、北京网站建设公司电话【010-51267718】有优惠哦!
简体
繁体 简体
我们的服务遍布中国

我们的服务遍布中国
乃至世界

新鸿儒所服务的品牌地域与城市
北京 天津 上海 广州 深圳 香港 厦门 江苏 浙江 山东
重庆 长沙 武汉 成都 西安 宁夏 丽江 青海 云南 乌鲁木齐
黑龙江 内蒙古 河北 ...
新鸿儒服务与合作的全球各地
美国 加拿大 德国 法国 英国 瑞士 意大利 荷兰
印度 日本 韩国 ...

不论你的品牌在何处
我们都可以提供完善的服务与帮助

致电

010-51267718

《高性能网站建设指南》阅读笔记_规则7- 避免CSS表达式

发布时间:2013-11-22 浏览:287打印字号:

http://stevesouders.com/hpws/rule-expr.php

CSS表达式是动态设置CSS属性的一种强大但很危险的方式,因为:

1.CSS表达式用于动态设置CSS属性,它只受到IE 5及以后版本的支持。
2. 禁用CSS表达式,因为它几乎在触发各种事件时都会被调用。
3. 有的时候,CSS表达式也会影响页面的加载时间。

任何css表达式实现的功能我们都可以找到它的替代方式,比如事件处理器等。

就是时间触发的时候才会执行,比如设置一个页面的最小宽度数600像素,IE不支持min-width属性,所以在IE中使用CSS表达式。width:expression(document.body.clientWidth<600?"600px":"auto");
min-width:600px;)优化成只有window.onresize触发时才执行

CSS表达式(示例):
background-color: expression( (new Date()).getSeconds()%2 ?"red":"blue" );
详细实例:



 
注意:禁用CSS表达式,因为它几乎在触发各种事件时都会被调用。

改进:(一次性表达式)

 在调用JS代码后,JS代码重写了其background-color属性,所以只会执行一次。


但是我们看下例子,一次性表达式似乎也不是很好,所以最好不用。

现在就与新鸿儒客服交流

010-51267718

您也可进行在线咨询或预约项目顾问
我要预约
在线咨询