canvas教程

8个能够有效帮助你提高jQuery代码性能(performance)的技巧

字号+ 作者:H5之家 来源:H5之家 2016-09-04 10:00 我要评论( )

希望了解一下如何有效的书写高质量高性能的jQuery代码吗?是不是需要找到有效的方式重构jQuery代码么?需要jQuery优化性能的相关指导么?请阅读本文:8个能够有

8个能够有效帮助你提高jQuery代码性能(performance)的技巧

日期:2012/02/22  来源:

测试结果:

如何在jQuery代码书写中避免人为的性能(performance)问题

循环语句中的DOM操作

使用jQuery可以很方便的添加,删除或者修改DOM节点,但是在一些循环,例如,for(), while()或者$.each()中处理节点,大家得注意一下,这里有个例子:


$.each(data, function(i, item){
  var newitem='<div>' + item + '</div>';
  $("#gbcontainer").append(newitem); 
});

以上代码中,我们将每一个新添加的tag都作为一个节点添加到容器ID中,实际上jQuery操作节点的成本也不低,更好的方式是尽可能的减少DOM操作,修改代码优化性能如下:






来源: 8个能够有效帮助你提高jQuery代码性能(performance)的技巧

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评
"