jQuery在Chrome和Firefox的测试

简单的一个测试, 页面有六个div,都非常lite:

1  < div  class ="box yellow-box" > this is success  < a  id ="a5"  href ="#"  title ="" > div </ a ></ div >

写了一个jQuery的extend function:

1  jQuery.fn.extend({
2   blink:  function (times, fadeOutTime, fadeInTime){
3    times  =  times  ?  times :  1 ;
4    fadeInTime  =  fadeInTime  ?  fadeInTime : (fadeOutTime  =  fadeOutTime  ?  fadeOutTime :  200 ); // fadeOutTime;
5     for ( var  i = 0 ;i < times;i ++ )
6      this .fadeOut(fadeOutTime).fadeIn(fadeInTime);
7   }
8  });

分别进行如下的测试. 50次fadeOut then fadeIn操作(就是闪烁), 两个参数分别为fadeOut和fadeIn的时间.

1  $( ' #a5 ' ).click( function (){
2   $( ' div ' ).blink( 50 ,  200 ,  1000 );
3 
4  });
5 

 

测试分两种情况,一种时间都是0.1s,第二种是0.2秒和1秒:

1. Firefox下200-100的情况:

2. Firefox下100-100的情况:(该图不是截取的峰值,峰值也为50%)

3. Chrome下200-1000到情况:

4. Chrome下100-100到情况:

测试环境:

Chrome版本:0.2.153.0
Firefox版本: 3.0.1
本本配置: T2300 1.66G 双核 / 内存2.5G / 32-bit windows server 2008 企业版 with sp1

IE8不用测了,cpu彪到平均75%

测试结果大家自个儿体会体会吧, 用V8的时候是不是得注意点什么了?

转载于:https://www.cnblogs.com/fanweixiao/archive/2008/09/24/1297595.html