从console.log说起(console.log详细介绍)
发布时间:2020-12-25 22:56:30 所属栏目:经验 来源:网络整理
导读:console.log ,作为一个前端开发者,可能每天都会用它来分析调试,但这个简单函数背后不简单那一面,你未必知道…… 基础 首先,简单科普这个函数的作用。前端开发者可以在js代码的任何部分调用console.log,然后你就可以在浏览器的开发者控制台里,看到这个
|
其实这一系还有函数(丫的搞这么多类似的):
// 等价
console.log('%o',document.body);
console.log(document.body);
// 等价
console.log('%O',document.body);
console.dir(document.body);
它们才是失散多年的兄妹吗。。 邻居们 其实除了打印调试信息外,console还有不少强大有用但却很低调的接口。
这是性能调试的利器啊,熟悉NodeJs的童鞋更是清楚。肯定不少童鞋干过这事:在我们的某块代码前新增一个类似startTime的变量,给它一个时间戳,然后在我们执行完代码后,再打一个时间戳,再将两者相减,再将结果输出。现在我们使用上面的函数,就可以省下很多功夫了:
上面是我写的一个懒加载判断图片是否在可视区域内,可以看出调用10000次花费时间为160ms左右,使用这两个接口是何其方便!而且我们还可以将一个字符串作为函数参数,来区分不同的性能计时。 console.count (编辑:揭阳站长网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- 熊孩子玩手游花掉1万2:写下欠条,通过学习和劳动“还债”
- 创新aPaaS云平台、慧友云商赋能数千家传统企业数字化升级
- Visual Studio 2017新版发布 更强大!
- 华为将发布新一代超融合云化系统 云计算或再受市场关注
- Redmi K30s搭载144Hz显示屏和高通Snapdragon 865 SoC
- 阿里本地生活推“新服务”战略 为商家开发个性中台
- Vivo V2056A配备了高通Snapdragon 888和12 GB RAM
- 连接业务价值链纷享销客荣获“2019年度中国CRM领军企业”大
- 创业者在必要的时候,就应该学 Facebook 抄袭 Snapchat
- Realme取得了新的成功:出货量达到5000万


