优化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);
相关文章
这篇文章主要为大家详细介绍了js遮罩效果制作弹出注册界面效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
这篇文章主要给大家介绍了关于如何利用unicloud生成微信小程序分享码的相关资料,这是最近工作中遇到的一个需求,文中通过图文以及示例代码介绍的非常详细,需要的朋友可以参考下2022-12-12
其实防抖和节流不仅仅在面试中会让大家手写，在实际项目中也可以起到性能优化的作用，所以还是很有必要掌握的。这篇文章就带大家彻底学会JavaScript手写防抖节流，希望对大家有所帮助2022-11-11
这篇文章主要介绍了js实现div层缓慢收缩与展开的方法,通过javascript自定义函数实现div层的收缩与展开效果,非常具有实用价值,需要的朋友可以参考下2015-05-05
在Web前端开发中,JavaScript是一门功能强大的语言,其核心之一便是对象的创建与操作,对象是JavaScript中数据结构的重要组成部分,本文将深入探讨JavaScript中创建对象的各种方法,并结合代码示例和实际开发经验进行详细讲解,需要的朋友可以参考下2025-03-03
这篇文章主要介绍了JavaScript阻止浏览器返回按钮的方法,可实现通过javascript禁用掉返回按钮的功能,需要的朋友可以参考下2015-03-03
这篇文章主要介绍了js遍历添加栏目类添加css 再点击其它删除css的实例代码,非常不错，具有一定的参考借鉴借鉴价值，需要的朋友可以参考下2018-06-06
这篇文章主要为大家详细介绍了如何利用JavaScript制作一个简单的网页版加减计算器，文中的示例代码讲解详细，感兴趣的可以了解一下2022-05-05
本篇文章主要是对javaScript页面自动加载事件进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
本文给大家详细总结了下javascript继承的六大模式，分别为1.原型链，2.借用构造函数，3.组合继承，4.原型式继承，5.寄生式继承，6.寄生组合式继承，十分的全面，有需要的小伙伴可以参考下。2015-04-04
最新评论