执行效率优化.doc

文档介绍：2018/1/7
Item 1:for 循环性能优化
有两个因素决定循环展开是否有利执行时间减少：
循环迭代的次数，成千上百次迭代才能带来明显的区别
循环体开销/循环开销比例=系数，系数越大，代表性能提升越少。
循环展开：
fo2018/1/7
Item 1:for 循环性能优化
有两个因素决定循环展开是否有利执行时间减少：
循环迭代的次数，成千上百次迭代才能带来明显的区别
循环体开销/循环开销比例=系数，系数越大，代表性能提升越少。
循环展开：
for(var i=0;i<8;i++){
//do someth ing
}
为了提升效率：
将它展开为循环体 8次。
Item 2: JQuery代码性能优化
一个JQuery代码
$( “#element ”).css(, color ? ,? #f00 ?);
执行过程
调用JQuery并在DOM 搜索id= “element1 "的元素，正则测试
返回搜索到的元素列表
调用JQuery的css ()函数。
这个可以进行2点优化：
指定JQuery搜索的范围-环境参数选择
//$alien=$( '.alien ' ’container) 环境参数 container 可以是一个 JQuery 对象或者 CSS 选择器
$alien( ' .alien ' ,$container); //JQuery 对象
$alien( '.alien ' ,' #container ' ); //CSS 选择器
保存对象引用
var elementStyle=$( ‘element1 'O].style;
=';'
保存对象引用，会减少搜索次数，从而优化执行性能。
Item 3 : optimize DOM insertion
Your APP may n eed large amou nt of DOM operati on ,DOM is a complicated data
structure that you should better not to modify it. But it is not that