## 关于console的使用
1、使用console测试JS运行时间:
使用下面两句话,中间放需要测试的JS功能,需要注意的是括号里面的内容要一致
~~~
console.time("运行时间");
console.timeEnd("运行时间");
~~~
2、常用console方法:
①输出日志:
~~~
console.log(label);
//一个好玩的东西,在控制台中添加样式(玩过吗?赶紧去试试咯),需要在需要输出的文本前面添加%c
console.log("%cHello","color:red;font-size: 50px;");
~~~
②输出运行次数 :
~~~
console.count(label);
~~~
③输出表格形态的数据(在动态绘制的检查时用的较多):
~~~
console.table(object|array);
~~~
④将 console 结果进行分组(分类及减少输出版面,但也加大了我们的脑回路呀)(group= groupCollapsed 是一样的):
~~~
console.group(label);
console.groupEnd(label)
~~~
⑤检测方法的调用来源,超级赞:
~~~
console.trace();
~~~
⑥time 的升级版,不但测速,直接测性能了,需要到 profile 面板里面才能看到结果:
~~~
console.profile(label);
console.profileEnd(label)
~~~
⑦提示报错可以少个判断:
~~~
console.assert(boolean, string);
~~~
其实 console.error(), console.info(), console.warn() 实在用得少,用好了应该还是很赞的...吧
- 我的烂笔头
- 1、常用功能方法整合
- 2、jQuery基本函数
- 3、在页面中添加图片
- 4、精度算法
- 5、图片懒加载
- 6、弹窗拖拽功能
- 7、弹幕功能
- 8、鼠标滚动事件
- 9、获取页面相关属性
- 10、弹窗的三种展现方式
- 11、轮播功能
- 12、获取唯一标识
- 13、CSS样式效果
- 14、任意两点的动态连线
- 15、全新接口功能
- 16、适配兼容
- 17、无刷新页面更改URL
- 18、定时器的那些事
- 19、关于iframe的常见问题
- 20、设置不同的时间
- 21、关于select-option
- 22、省市级联
- 23、省市级联数据
- 24、关于数据传输问题
- 25、问题分支
- 那些年我们一起走过的神坑
- 1、关于console的使用
- 2、关于数组
- 1、数组的赋值
- 2、数组的常用方法
- 3、关于移动端的bug
- 4、关于视频的bug
- 5、那些坑坑洼洼
- 6、关于字符串
- 1、字符串的常用方法
- 页面布局
- 1、背景固定的滚动页面
- 心得
- Node.js
- 1、安装环境
- ThinkPHP 5.1
- 1、访问格式