优化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 相关文章推荐
关于firefox的ElementTraversal 接口 使用说明
Nov 11 Javascript
输入自动提示搜索提示功能的使用说明:sugggestion.txt
Sep 02 Javascript
jquery实现鼠标拖拽滑动效果来选择数字的方法
May 04 Javascript
AngularJS实现表单手动验证和表单自动验证
Dec 09 Javascript
js实现input密码框提示信息的方法(附html5实现方法)
Jan 14 Javascript
Ionic实现页面下拉刷新(ion-refresher)功能代码
Jun 03 Javascript
聊一聊Vue.js过渡效果
Sep 07 Javascript
令按钮悬浮在(手机)页面底部的实现方法
May 02 Javascript
JavaScript 完成注册页面表单校验的实例
Aug 19 Javascript
vuex actions传递多参数的处理方法
Sep 18 Javascript
Vue根据条件添加click事件的方式
Nov 09 Javascript
浅谈vue 锚点指令v-anchor的使用
Nov 13 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
用php写的serv-u的web申请账号的程序
2006/10/09 PHP
php生成随机密码的三种方法小结
2010/09/04 PHP
解析将多维数组转换为支持curl提交的一维数组格式
2013/07/08 PHP
php fsockopen解决办法 php实现多线程
2014/01/20 PHP
PHP中的按位与和按位或操作示例
2014/01/27 PHP
Laravel框架数据库CURD操作、连贯操作总结
2014/09/03 PHP
php模仿qq空间或朋友圈发布动态、评论动态、回复评论、删除动态或评论的功能(中)
2017/06/11 PHP
PHP实现简单用户登录界面
2019/10/23 PHP
Laravel 自动转换长整型雪花 ID 为字符串的实现
2020/10/27 PHP
JS启动应用程序的一个简单例子
2008/05/11 Javascript
Javascript 设计模式(二) 闭包
2010/05/26 Javascript
JavaScript 获取任一float型小数点后两位的小数
2014/06/30 Javascript
jQuery获取样式中颜色值的方法
2015/01/29 Javascript
简单实现js间歇或无缝滚动效果
2016/06/29 Javascript
javascript如何创建对象
2016/08/29 Javascript
概述VUE2.0不可忽视的很多变化
2016/09/25 Javascript
微信小程序 实现拖拽事件监听实例详解
2016/11/16 Javascript
js 数字、字符串、布尔值的转换方法(必看)
2017/04/07 Javascript
深入浅出es6模板字符串
2017/08/26 Javascript
JS实现简易换图时钟功能分析
2018/01/04 Javascript
webpack配置导致字体图标无法显示的解决方法
2018/03/06 Javascript
JS中的两种数据类型及实现引用类型的深拷贝的方法
2018/08/12 Javascript
教你如何用Node实现API的转发(某音乐)
2019/09/20 Javascript
layui时间控件选择时间范围的实现方法
2019/09/28 Javascript
javascript实现评分功能
2020/06/24 Javascript
Vue中computed及watch区别实例解析
2020/08/01 Javascript
[35:26]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第三局
2016/02/26 DOTA
用python实现刷点击率的示例代码
2019/02/21 Python
Python实现病毒仿真器的方法示例(附demo)
2020/02/19 Python
python 牛顿法实现逻辑回归(Logistic Regression)
2020/10/15 Python
澳大利亚旅游网站:Lastminute
2017/08/07 全球购物
英国天然有机美容护肤品:Neal’s Yard Remedies
2018/05/05 全球购物
应用化学专业本科生求职信
2013/09/29 职场文书
2014年两会学习心得范例
2014/03/17 职场文书
党组织领导班子整改方案
2014/10/25 职场文书
道德与公民自我评价
2015/03/09 职场文书