js性能优化

1.不加载未初始化或者已删除的元素

2.不编写过大的函数体,方便优化

3.在模块模式中缓存函数

4.不要删除过多数组元素,会使数组索引变得稀疏

5.innerHTML性能略高于appendChild

6.尽量减少DOM操作

7.用children代替childNodes获取元素节点

8.访问元素集合时,先缓存局部变量 eg. l = oLi.length;

9.减少重排(改变页面内容,尺寸,定位等),减少重绘(浏览器显示)

10.利用cssText,合并多个DOM元素样式操作 oLi.style.cssText = "100px;height:100px;......";

11.尽量在appendChild之前完成节点操作

12.缓存局部信息 eg.L = oDiv.offsetLeft;

13.使用文档碎片

14.利用事件委托

     ......

firbug控制台语句:

console.log();  //打印(具体信息)

console.warn('...');  //警告

console.error('...');  //错误

console.group('名');   ...  console.grounpEnd();  //信息分组

console.dir('对象');  //输出对象的所有信息

console.dirxml();   //显示当前元素的代码结构

console.assert();  //返回断言,即语句结果,true-成功;false-失败

console.trace();  //栈的调用情况

console.time('标题');  ...  console.timeEnd('标题');  //程序运行计时(标题不可少)

console.profile();  ...  console.profileEnd();  //程序性能监测,相当于概况

console.clear();  //清空控制台

原文地址:https://www.cnblogs.com/pada/p/3690904.html