优化javascript的执行速度

  作者:bea

1:修改循环的执行方式 for(var i=0;i<element.childNodes.length;i++){ 执行代码 } 这种方式每次循环都要取element.childNodes.length的值,应该改为如下的 var n=element.childNodes.length for(var i=0;i<n;i++){ 执行代码 } 2:修改dom操作的次数 dom批量插入一批类似的节点不如先构造一个对象,插入一次 比如下面这种方法就是合理的: var
1:修改循环的执行方式



for(var i=0;i<element.childNodes.length;i++){

执行代码

}

这种方式每次循环都要取element.childNodes.length的值,应该改为如下的

var n=element.childNodes.length

for(var i=0;i<n;i++){

执行代码

}



2:修改dom操作的次数

dom批量插入一批类似的节点不如先构造一个对象,插入一次

比如下面这种方法就是合理的:

var div=document.createElement("div");

for(var i=0;i<10;i++)[



var element=document.createElement("a");

a.href="";

div.appendChild(element);



}

//构建好对象后一次插入

document.body.appendChild(div);

3:减少对象的引用层次,可以减少浏览器对对象解析的复杂度



比如一个方法为 net.Loader.LoadXml(params)

不必每次都这么使用,可以

var loadXml=net.Loader.LoadXml;

loadXml(params);


有用  |  无用

猜你喜欢