js 性能优化总结

1、尽量不要使用
eval("alert('hello world');");
var sayHi = new Function("alert('hello world');");
setTimeout("alert('hello world');", 100);
全局变量 
for( x in list){}


3、减少dom访问。
//重复访问dom低效
for(var count = 0; count < 15000; count++){ 
document.getElementById('here').innerHTML+='a'; 

//不重复访问dom高效
for(var count = 0; count < 15000; count++){ 
content+='a'; 

document.getElementById('here').innerHTML+=content; 


2、将多次调用的对象、方法、属性、索引存入局部变量中。
var objtemp=$('.obj');//多次访问一定要存入局部变量中。
var objtemp=obj.fun();
var objtemp=obj.length;
var objtemp=obj['max'];
var objtemp=obj.xxx;


3.大量修改标签样式尽量用css class控制,尽量少用js。


4.字符串判断使用正则表达式


5.数字转换成字符:("" +) > String() > .toString() > new String()


6.数组拼接字符串用join(),不要用+=。


7.浮点数转换成整型:使用Math.floor()或者Math.round()。而不是使用parseInt(),该方法用于将字符串转换成数字。


8.动画中使用绝对定位,使用拖放代理


9.使用事件委托来减少事件处理器的数量


10.switch 替代 if else
11.var a,b,c; 替代 var a;var b; var c;
12.xxx[i++]; 替代  xxx[i];i++;
13.i++; 替代  i=i+1;
14.i+=5; 替代 i=i+5;


如果你看到我的文章有错误或缺少的地方,还请多多指点我!
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值