优化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 相关文章推荐
ImageFlow可鼠标控制图片滚动
Jan 30 Javascript
ExtJS的FieldSet的column列布局
Nov 20 Javascript
IE event.srcElement和FF event.target 功能比较
Mar 01 Javascript
浅析IE10兼容性问题(frameset的cols属性)
Jan 03 Javascript
js实现超简单的展开、折叠目录代码
Aug 28 Javascript
JS实现黑色风格的网页TAB选项卡效果代码
Oct 09 Javascript
原生js模拟淘宝购物车项目实战
Nov 18 Javascript
JS经典正则表达式笔试题汇总
Dec 15 Javascript
jQuery树插件zTree使用方法详解
May 02 jQuery
详解Angular之constructor和ngOnInit差异及适用场景
Jun 22 Javascript
如何在 ant 的table中实现图片的渲染操作
Oct 28 Javascript
vue 中的动态传参和query传参操作
Nov 09 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中ftp_chdir与ftp_cdup函数用法
2014/11/18 PHP
使用PHP+AJAX让WordPress动态加载文章的教程
2015/12/11 PHP
php微信开发之图片回复功能
2018/06/14 PHP
通过代码实例解析PHP session工作原理
2020/12/11 PHP
Gambit vs ForZe BO3 第三场 2.13
2021/03/10 DOTA
JS中字符问题(二进制/十进制/十六进制及ASCII码之间的转换)
2008/11/03 Javascript
JS IE和FF兼容性问题汇总
2009/02/09 Javascript
JS组件Bootstrap Table表格行拖拽效果实现代码
2020/08/27 Javascript
js判断上传文件后缀名是否合法
2016/01/28 Javascript
AngularJS 表达式详解及实例代码
2016/09/14 Javascript
常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数
2016/09/23 Javascript
jQuery Mobile漏洞会有跨站脚本攻击风险
2017/02/12 Javascript
JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
2017/03/03 Javascript
在Vue组件中使用 TypeScript的方法
2018/02/28 Javascript
详解使用mpvue开发github小程序总结
2018/07/25 Javascript
vue将后台数据时间戳转换成日期格式
2019/07/31 Javascript
Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能详解
2020/04/29 Javascript
详解JavaScript中的this指向问题
2021/02/05 Javascript
Python列表list数组array用法实例解析
2014/10/28 Python
利用Python操作消息队列RabbitMQ的方法教程
2017/07/19 Python
Python基于Pymssql模块实现连接SQL Server数据库的方法详解
2017/07/20 Python
python实现机械分词之逆向最大匹配算法代码示例
2017/12/13 Python
python爬虫之urllib,伪装,超时设置,异常处理的方法
2018/12/19 Python
Python中私有属性的定义方式
2020/03/05 Python
GDAL 矢量属性数据修改方式(python)
2020/03/10 Python
分享8款纯CSS3实现的搜索框功能
2017/09/14 HTML / CSS
泰坦健身器材:Titan Fitness
2018/02/13 全球购物
证婚人经典证婚词
2014/01/09 职场文书
简历上的自我评价怎么写
2014/01/28 职场文书
培训专员岗位职责
2014/02/26 职场文书
2014年底工作总结
2014/12/15 职场文书
婚礼答谢词
2015/01/04 职场文书
Nginx使用Lua模块实现WAF的原理解析
2021/09/04 Servers
Win11筛选键导致键盘失灵怎么解决? Win11关闭筛选键的技巧
2022/04/08 数码科技
关于pytest结合csv模块实现csv格式的数据驱动问题
2022/05/30 Python
SpringBoot详解整合Redis缓存方法
2022/07/15 Java/Android