深山工作室

深山工作室 >

expression为什么性能差?[转帖]

以下是YUI中不建议用的一些说明:

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

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

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

以下为详细代码




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

以下为详细代码
前一页:网易评论的盖楼样式
后一页:在图片未知尺寸情况下,利用CSS把图片垂直居中于div中心
相关阅读
asp中求两个数的百分比(利用百分比函数FormatPercent就可以自带%的符号)
js兼容多个浏览器右下角漂浮广告
在未知图片的宽度与高度时利用div+css将图片居中
让DIV固定在浏览器窗口的底部(兼容IE6)
倒计时广告/始终保持在网页中部
利用DIV+CSS制作右下角弹出留言板
ASP把数字用逗号每3位隔开显示代码
一个可以说是超级变态,超级强的DIV+CSS应用
更多>>DIV+CSS相关信息
jquery设置或获取修改classname
利用css3.0写出一个音乐播放的唱片碟盘的效果
利用css中的scale()实现放大缩小效果
利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明
css背景使用base64编码或者将base64编码放在img图片标签中
更多>>最新添加
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法