优化javascript的执行速度
更新时间：2010年01月23日 23:47:26 作者：
这个是我在网上找的资料，具体的出处，我已经记不清楚了，觉得很不错，就和大家分享了
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);
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);
相关文章
本文主要介绍了Javascript的this用法，具有很好的参考价值，有需要了解的朋友可以看看2017-01-01
当谈到JavaScript编程中的高级概念和技巧时,闭包（Closures）是一个重要而有趣的主题,闭包是一种函数与其创建时的词法环境的组合,它允许我们捕获和保留局部变量,并在函数之外使用它们,在这篇文章中,我们将深入探讨JavaScript中闭包的4种有用技巧2023-10-10
discuz中用到的js不论是多浏览器兼容性和实用性都是非常不错的，推荐大家看下2008-05-05
js取滚动条的尺寸的函数代码，需要的朋友可以参考下。2011-11-11
本文给大家分享的是一个在javascript中使用innerhtml输出的时候如何实现换行的小技巧，其实很简单，在需要换行的地方加上\即可2015-08-08
根据 W3C DOM 2 Events 描述，EventTarget 接口被所有支持 DOM 事件模型的节点（Node）实现。 该接口提供addEventListener 和removeEventListener方法，用来绑定或解绑一个 EventListeners 接口到一个 EventTarget。2010-10-10
这篇文章主要为大家详细介绍了js实现省市级联效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
这篇文章主要介绍了 Bootstrap3 图片 响应式图片和图片形状的相关资料,需非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-01-01
Javascript----文件操作...2007-01-01
这篇文章主要介绍了Javascript执行流程细节解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-05-05
最新评论