优化javascript的执行速度


Posted in Javascript onJanuary 23, 2010

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);

Javascript 相关文章推荐
了解了这些才能开始发挥jQuery的威力
Oct 10 Javascript
常规表格多表头查询示例
Feb 21 Javascript
jquery实现文本框数量加减功能的例子分享
May 10 Javascript
jQuery中队列queue()函数的实例教程
May 03 Javascript
bootstrap实现动态进度条效果
Mar 08 Javascript
基于JQuery和原生JavaScript实现网页定位导航特效
Apr 03 jQuery
webpack打包js文件及部署的实现方法
Dec 18 Javascript
vue、react等单页面项目应该这样子部署到服务器
Jan 03 Javascript
详解vue 2.6 中 slot 的新用法
Jul 09 Javascript
详解webpack引用jquery(第三方模块)的三种办法
Aug 21 jQuery
解决Layui数据表格显示无数据提示的问题
Nov 14 Javascript
ant-design-vue中tree增删改的操作方法
Nov 03 Javascript
window.onbeforeunload方法在IE下无法正常工作的解决办法
Jan 23 #Javascript
JQuery 1.4 中的Ajax问题
Jan 23 #Javascript
用JS写的一个TableView控件代码
Jan 23 #Javascript
JQuery 操作Javascript对象和数组的工具函数小结
Jan 22 #Javascript
JavaScript 学习笔记(十四) 正则表达式
Jan 22 #Javascript
JQuery.uploadify 上传文件插件的使用详解 for ASP.NET
Jan 22 #Javascript
JQuery 构建客户/服务分离的链接模型中Table中的排序分析
Jan 22 #Javascript
You might like
基于文本的搜索
2006/10/09 PHP
MySQL连接数超过限制的解决方法
2011/07/17 PHP
深入PHP中的HashTable结构详解
2013/06/13 PHP
destoon常用的安全设置概述
2014/06/21 PHP
php根据某字段对多维数组进行排序的方法
2015/03/07 PHP
php将字符串转换成16进制的方法
2015/03/17 PHP
php正则匹配文章中的远程图片地址并下载图片至本地
2015/09/29 PHP
使用TextRange获取输入框中光标的位置的代码
2007/03/08 Javascript
ExtJS GridPanel 根据条件改变字体颜色
2010/03/08 Javascript
基于jQuery的左右滚动实现代码
2010/12/03 Javascript
jQuery学习笔记之jQuery选择器的使用
2010/12/22 Javascript
Javascript中的delete介绍
2012/09/02 Javascript
将json对象转换为字符串的方法
2014/02/20 Javascript
AngularJS入门之动画
2016/07/27 Javascript
解决wx.onMenuShareTimeline出现的问题
2016/08/16 Javascript
AngularJS控制器详解及示例代码
2016/08/16 Javascript
深入理解vue-loader如何使用
2017/06/06 Javascript
VUE项目中加载已保存的笔记实例方法
2019/09/14 Javascript
vue cli3适配所有端方案的实现
2020/04/13 Javascript
基于vue--key值的特殊用处详解
2020/07/31 Javascript
python3.5 + PyQt5 +Eric6 实现的一个计算器代码
2017/03/11 Python
Python实现读取json文件到excel表
2017/11/18 Python
详解用TensorFlow实现逻辑回归算法
2018/05/02 Python
对Python3中bytes和HexStr之间的转换详解
2018/12/04 Python
Django csrf 两种方法设置form的实例
2019/02/03 Python
对Python 简单串口收发GUI界面的实例详解
2019/06/12 Python
django项目环境搭建及在虚拟机本地创建django项目的教程
2019/08/02 Python
用python写PDF转换器的实现
2020/10/29 Python
python海龟绘图之画国旗实例代码
2020/11/11 Python
CSS3教程(9):设置RGB颜色
2009/04/02 HTML / CSS
小学教师学期末自我评价
2013/09/25 职场文书
高中自我鉴定范文
2013/11/03 职场文书
工商企业管理实习自我鉴定
2013/12/04 职场文书
简历上的自我评价怎么写
2014/01/28 职场文书
《广玉兰》教学反思
2014/04/14 职场文书
电影地道战观后感
2015/06/04 职场文书