优化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 相关文章推荐
javascript-简单的日历实现及Date对象语法介绍(附图)
May 30 Javascript
js onload处理html页面加载之后的事件
Oct 30 Javascript
js子页面获取父页面数据示例
May 15 Javascript
Jquery简单实现GridView行高亮的方法
Jun 15 Javascript
Bootstrap模块dropdown实现下拉框响应
May 22 Javascript
js的form表单提交url传参数(包含+等特殊字符)的两种解决方法
May 25 Javascript
Jquery揭秘系列:ajax原生js实现详解(推荐)
Jun 08 Javascript
轻松理解JavaScript之AJAX
Mar 15 Javascript
echarts学习笔记之箱线图的分析与绘制详解
Nov 22 Javascript
在vue里使用codemirror遇到的问题
Nov 01 Javascript
vue created钩子函数与mounted钩子函数的用法区别
Nov 05 Javascript
如何使用vue3打造一个物料库
May 08 Vue.js
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/07/12 PHP
图书管理程序(三)
2006/10/09 PHP
PHP开发中四种查询返回结果分析
2011/01/02 PHP
php5.3 goto函数介绍和示例
2014/03/21 PHP
[原创]php集成安装包wampserver修改密码后phpmyadmin无法登陆的解决方法
2016/11/23 PHP
PHP图片水印类的封装
2017/07/06 PHP
JSON.parse()和JSON.stringify()使用介绍
2014/06/20 Javascript
jQuery实现分隔条左右拖动功能
2015/11/21 Javascript
jQuery+css实现非常漂亮的水平导航菜单效果
2016/07/27 Javascript
AngularJS辅助库browserTrigger用法示例
2016/11/03 Javascript
Javascript中的prototype与继承
2017/02/06 Javascript
bootstrap table实现点击翻页功能 可记录上下页选中的行
2017/09/28 Javascript
微信小程序 如何引入外部字体库iconfont的图标
2018/01/31 Javascript
通过GASP让vue实现动态效果实例代码详解
2019/11/24 Javascript
vue实现树状表格效果
2020/12/29 Vue.js
python通过cookie模拟已登录状态的初步研究
2016/11/09 Python
Python科学计算之NumPy入门教程
2017/01/15 Python
Python协程的用法和例子详解
2017/09/09 Python
轻量级的Web框架Flask 中模块化应用的实现
2017/09/11 Python
python dataframe astype 字段类型转换方法
2018/04/11 Python
示例详解Python3 or Python2 两者之间的差异
2018/08/23 Python
python redis 删除key脚本的实例
2019/02/19 Python
python 通过可变参数计算n个数的乘积方法
2019/06/13 Python
python地震数据可视化详解
2019/06/18 Python
PyTorch中反卷积的用法详解
2019/12/30 Python
在ipython notebook中使用argparse方式
2020/04/20 Python
澳大利亚家具和家居用品在线:BROSA
2017/11/02 全球购物
The Body Shop美体小铺西班牙官网:天然化妆品
2019/06/21 全球购物
Linux机考试题
2015/10/16 面试题
好家长事迹材料
2014/01/23 职场文书
社区交通安全实施方案
2014/03/22 职场文书
统计学教授推荐信
2014/09/18 职场文书
村干部群众路线教育活动对照检查材料
2014/10/01 职场文书
2014年大堂经理工作总结
2014/11/21 职场文书
投诉信回复范文
2015/07/03 职场文书
一文带你理解vue创建一个后台管理系统流程(Vue+Element)
2021/05/18 Vue.js