您现在的位置 » 博客首页 » 前端代码

expression为什么性能差?

2009-05-26
以下是YUI中不建议用的一些说明:

表达式的问题就在于它的计算频率要比我们想象的多。不仅仅是在页面显示和缩放时,就是在页面滚动、乃至移动鼠标时都会要重新计算一次。给CSS表达式增加一个计数器可以跟踪表达式的计算频率。在页面中随便移动鼠标都可以轻松达到10000次以上的计算量。

一个减少CSS表达式计算次数的方法就是使用一次性的表达式,它在第一次运行时将结果赋给指定的样式属性,并用这个属性来代替CSS表达式。如果样式属性必须在页面周期内动态地改变,使用事件句柄来代替CSS表达式是一个可行办法。如果必须使用CSS表达式,一定要记住它们要计算成千上万次并且可能会对你页面的性能产生影响。

我写了一个例子用来看为什么性能差(在IE6中运行):




一种相对比较好的写法如下:




相对比较好的写法,性能要好一些,有些人说为什么不用javascript写在外边呢? 这个是两种效果,写在CSS中类似于先执行,写在后边的javascript中相当于后执行,得到的效果完全不同。
如果非要在IE中使用,还是要好好想一想怎么写性能好一些,不然会让网页有些卡的。
但建议,能不用就不要用;
评论:2 条 | 查看:4011 次
kkun于2011年09月22日16点03分12秒说
你这个站点几年了,皮肤也不换一套....
MoHock于2009年05月27日8点00分00秒说
不是很明白~不怎么用哪个~

发布评论/留言

名字/昵称:
内容: