做了一个添加地址的效果。
数据都是从服务器拿到的,感觉执行的时候非常慢
so....我想看下时间...
1.早期看执行时间
function testFunctionTime(fn) { var start = new Date().getTime(); if (fn) fn(); var end = new Date().getTime(); console.log(end-start); }
2.遇到 ajax 和 img.onload 的时候那就很尴尬了...
这里介绍新的方法
console.time(label) 和 console.timeEnd(label) 组合使用
例如
<script type="text/javascript"> test(); function test(){ console.time("耗时时间:"); for(var i=0; i<100; i++){ i=i+1; console.log(i) } console.timeEnd("耗时时间:") } </script>
输出 耗时时间:: 11.036ms
3.补充
console.count(label) 输出运行次数
console.table(object|array) 输出表格形态的数据(在动态绘制的检查时用的较多)
console.group(label) 和 console.groupEnd(label) 将 console 结果进行分组(分类及减少输出版面,但也加大了我们的脑回路呀)(group = groupCollapsed 是一样的)
console.trace() 检测方法的调用来源,超级赞
console.profile(label) 和 console.profileEnd(label) 是 time 的升级版,不但测速,直接测性能了,需要到 profile 面板里面才能看到结果
console.assert(boolean, string) 提示报错可以少个判断
console.log 可以带样式。例如console.log(
"%cHello"
,
"color:red"
);