jQuery技术

即刻提升jQuery性能的十个技巧(2)

字号+ 作者:H5之家 来源:H5之家 2017-06-08 18:00 我要评论( )

先建立一个数组,放入你想要串联的东西。join()方法比字符串的concat()函数要快得多。 var array = [];for (var i=0; i =10000; i++) {array[i] = ' '+i+'';}$('#list').html(array.join ('')); 近期一项由Tom Tren

先建立一个数组,放入你想要串联的东西。join()方法比字符串的concat()函数要快得多。

var array = []; for (var i=0; i< =10000; i++) { array[i] = '
  • '+i+''; } $('#list').html(array.join (''));
  • 近期一项由Tom Trenka发起的测试中,得出了下表的结果:

    stringperf.png

    “ += 操作符更快——比把字串片段放到数组中然后join起来还要快”,“作为字串缓冲(string buffer)的数组在大部分浏览器中都比string.prototype.concat.apply方法效率更高,Windows下的Firefox 2.0.0.14例外。”

    — Tom Trenka

    9. 返回false值

    您可能已经注意到,如果函数执行后不返回false,你就会被跳转到页面顶部。

    如果页面较长,这种反应是很烦人的。

    所以,与其这样:

    $('#item').click (function () { // stuff here });

    不如多加一句:

    $('#item').click (function () { // stuff here return false; }); 10. 额外小贴士 – 小抄和参考文档

    cheatsheet.png

    这条建议并不直接提升函数的执行速度,不过如果你肯花时间在这上面,研究研究这些小抄和参考文档,你将来定能节约很多时间。

    请在手边随时放一张小抄以作快速参考。

    英文原文来自NetTut+:

    译文原文来自笨活儿:十种方式即刻提升您的jQuery代码性能[TUTS+]。

    ©请尊重作者和译者。若需转载,务必保留原文链接。

     

     

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

    相关文章
    网友点评
    a