高性能Javascript 记录代码运行时间学习笔记
2011-09-24 09:02
585 查看
运行时间 Timed Code
批量处理时,如果每次只执行一个任务,显然效率不高,如果能在不影响用户体验和不会卡住页面的前提下,一次执行多个将助于提升体验,运行时间也减少。
运行时间最长为100毫秒,建议50。
运行时间即一开始,一结束,相差即所花时间
var start = +new Date(); +号帮把Date转为数字
var stop;
doSomeThing();
stop = +new Date();
现在就有了优化数组处理模式的代码
function timedProcessArray(items,process,callback) {
var todo = items.concat();
setTimeout(function(){
var start = +new Date();
do{
process(todo.shift());
} while(todo.length > 0 && (+new Date() - start < 50));
if(todo.length > 0) {
setTimeout(arguments.callee,25);
} else {
callback(items);
}
},25);
}
批量处理时,如果每次只执行一个任务,显然效率不高,如果能在不影响用户体验和不会卡住页面的前提下,一次执行多个将助于提升体验,运行时间也减少。
运行时间最长为100毫秒,建议50。
运行时间即一开始,一结束,相差即所花时间
var start = +new Date(); +号帮把Date转为数字
var stop;
doSomeThing();
stop = +new Date();
现在就有了优化数组处理模式的代码
function timedProcessArray(items,process,callback) {
var todo = items.concat();
setTimeout(function(){
var start = +new Date();
do{
process(todo.shift());
} while(todo.length > 0 && (+new Date() - start < 50));
if(todo.length > 0) {
setTimeout(arguments.callee,25);
} else {
callback(items);
}
},25);
}
相关文章推荐
- python学习笔记-记录程序运行时间
- 2017.7.11 学习记录 JavaScript 方法使用及时间代码
- 高性能JavaScript学习笔记
- javascript 学习笔记(四) 倒计时程序代码
- Asp.Net Ajax 学习笔记21 VS2008的JavaScript代码提示功能
- Swift学习笔记(一)搭配环境以及代码运行成功
- javascript实现的实时更新时间记录(运行时长)
- [学习笔记]在页面中引用javascript代码
- iOS学习笔记77-ios开发,javascript直接调用oc代码而非通过改变url回调方式
- 韩顺平_轻松搞定网页设计(html+css+javascript)_第19讲_js运行原理_js开发工具介绍_js程序(hello)_js基本语法_学习笔记_源代码图解_PPT文档整理
- 高性能JavaScript--加载和执行(简要学习笔记一)
- javascript 学习笔记(六)浏览器类型及版本信息检测代码
- javascript实现的实时更新时间记录(运行时长)
- SIPP 代码学习笔记2- 关于时间
- Unity3D JavaScript代码学习笔记1
- 逆向学习笔记(1)-为什么代码不停地循环运行
- 高性能Javascript 克隆节点学习笔记
- HBase学习笔记1 - 如何编写高性能的客户端Java代码
- JavaScript学习记录——《学用 JavaScript 设计模式》学习笔记(3)观察者模式
- 记录java代码运行时间