数码资讯
不使用CSS表达式的原因分析
在CSS表达式中使用Javascript表达式,根据Javascript表达式的结果设置CSS属性。 CSS表达式在其他浏览器中不起作用,因此在跨浏览器编码中将IE设置分开是很有用的。 CSS表达式是由IE5。让我们看看下面的代码: 复制代码代码如下所示: 背景颜色:表达((新的日期()),GetH
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
在CSS表达式中使用Javascript表达式,根据Javascript表达式的结果设置CSS属性。
CSS表达式在其他浏览器中不起作用,因此在跨浏览器编码中将IE设置分开是很有用的。
CSS表达式是由IE5。让我们看看下面的代码:
复制代码代码如下所示:
背景颜色:表达((新的日期()),GetHours()% 2# F00 # 00f );
上面的代码是每小时使用CSS表达式切换背景颜色。
CSS表达式的问题是,它拥有比想象更多的计算频率。不仅在页面显示和缩放,而且当页面滚动或移动鼠标时,它将重新计算一次。增加一个计数器的CSS表达式可以跟踪表达式的计算频率的。一个页面上移动鼠标可以轻松达到10000倍以上。
减少CSS表达式计算时间的一种方法是使用一次性表达式。它在第一次运行中将结果分配给指定的样式属性,并使用此属性替换CSS表达式。
如果样式属性必须动态地改变页面内的循环,它是使用事件句柄而不是CSS表达式的一种可行方法。如果你要使用CSS表达式,一定要记住,他们计算了几千次,可能对你的网页的性能产生影响。不要让你的用户感觉你的网页的打开,和机器会慢。
CSS表达式在其他浏览器中不起作用,因此在跨浏览器编码中将IE设置分开是很有用的。
CSS表达式是由IE5。让我们看看下面的代码:
复制代码代码如下所示:
背景颜色:表达((新的日期()),GetHours()% 2# F00 # 00f );
上面的代码是每小时使用CSS表达式切换背景颜色。
CSS表达式的问题是,它拥有比想象更多的计算频率。不仅在页面显示和缩放,而且当页面滚动或移动鼠标时,它将重新计算一次。增加一个计数器的CSS表达式可以跟踪表达式的计算频率的。一个页面上移动鼠标可以轻松达到10000倍以上。
减少CSS表达式计算时间的一种方法是使用一次性表达式。它在第一次运行中将结果分配给指定的样式属性,并使用此属性替换CSS表达式。
如果样式属性必须动态地改变页面内的循环,它是使用事件句柄而不是CSS表达式的一种可行方法。如果你要使用CSS表达式,一定要记住,他们计算了几千次,可能对你的网页的性能产生影响。不要让你的用户感觉你的网页的打开,和机器会慢。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。