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(); //清空控制台