首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jquery中的append的效率有关问题应用

2012-08-31 
jquery中的append的效率问题应用在jquery中的append中,如果一次性要往某个元素append很多东西的话,比如这

jquery中的append的效率问题应用
  在jquery中的append中,如果一次性要往某个元素append很多东西的话,
比如这样:
   var start = new Date().getTime();
for(var cnt=0; cnt < 200; cnt++){
         $('.container').append('test
');
}
var timeElapsed = new Date().getTime() - start;
$('#timetaken').html('Time taken: ' + timeElapsed + ' milliseconds');

  这样的效率很低,因为重复调用append了,更快的方法是:
var start = new Date().getTime();
var str = '';
for(var cnt=0; cnt < 200; cnt++){
     str += 'Lorem ipsum dolor sit amet
';
}
$('.container').append(str);
var timeElapsed = new Date().getTime() - start;
$('#timetaken').html('Time taken: ' + timeElapsed+ ' milliseconds');

  就是说,先一次性循环把要增加的字符串整理后,最后再一次append

热点排行