HTML5技术

JavaScript 总结几个提高性能知识点 - 野兽(2)

字号+ 作者:H5之家 来源:博客园 2016-01-15 11:07 我要评论( )

i = 0 ; for (;iarr.lengthli++){ // 每次循环都需要获取数组arr的length console.log(arr[i]); } i = 0 ; (;ilen;i++ ){console.log(arr[i]); } i = arr.length;; for (;i;i-- ){console.log(arr[i]); } 合理利用

i = 0; for(;i<arr.lengthli++){ //每次循环都需要获取数组arr的length console.log(arr[i]); } i = 0; (;i<len;i++){ console.log(arr[i]); } i = arr.length;; for(;i;i--){ console.log(arr[i]); }

合理利用二进制

如:对2取模,则偶数最低位是0,奇数最低位是0,与1进行位与操作的结果是0,奇数的最低位是1,与1进行位与操作的结果是1。

代码如下:

.odd{color:red} .even{color:yellow}

123456

var i = 0; var lis = document.getElementsByTagName("li"); var len = lis.length; for(;i<len;i++){ if(i&1){ lis[i].className = "even"; } else{ lis[i].className = "odd"; } };

虽说现代浏览器都已经做的很好了,但是本兽觉得这是自己对代码质量的一个追求。并且可能一个点或者两个点不注意是不会产生多大性能影响,但是从多个点进行优化后,可能产生的就会质的飞跃了~

 

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

相关文章
  • 聊聊这几个星期的面试感受吧,内容太长。。慢慢更新吧 - 秦随境迁

    聊聊这几个星期的面试感受吧,内容太长。。慢慢更新吧 - 秦随境迁

    2017-04-13 13:03

  • 做开发十年,我总结出了这些开发经验 - 腾讯云技术社区

    做开发十年,我总结出了这些开发经验 - 腾讯云技术社区

    2017-03-25 15:00

  • Omi v1.0.2发布 - 正式支持传递javascript表达式 - 【当耐特】

    Omi v1.0.2发布 - 正式支持传递javascript表达式 - 【当耐特】

    2017-03-22 11:03

  • 列表总结Canvas和SVG的区别 - 妙音天女

    列表总结Canvas和SVG的区别 - 妙音天女

    2017-03-17 10:00

网友点评
x