#青训营笔记创作活动#
1月19日,青训营阅读打卡day5

console.log
console.warn
在控制台输出警告信息,用于代码存在不合理或不符合规范但不影响系统运行的提示
console.error
在控制台输出错误信息,用于代码错误和异常的提示
console.time和console.timeEnd
这两个方法一般是配合使用,用于计算代码段的执行时间,有助于性能调试和判断
console.assert
第一个参数为 false(例如null,undefined,'',0,或者结果为false的逻辑等)的情况下会在控制台输出错误日志,可以减少书写判断逻辑,用于判断空值或者false逻辑还是很有用处的。
console.dir
对于DOM节点的打印输出,如果采用console.log,会以标签的形式输出,和直接查看没有太大的差异,有时我们可能想要查看DOM的相关事件和属性,可以采用console.dir,输出DOM节点对应的js对象映射。
console.table
可以将数组(或者是 类数组 的对象,或者就是一个 对象 )打印成一个表格,
console.$i
以时间处理插件dayjs作为示例,在控制台输入congsole.$i('dayjs')即可安装dayjsnpm包,可以使用其相应功能。

代码断点
在需要断点的地方,书写debugger就能实现断点,对于直接断点对比的缺点是不需要断点的时候,需要删除掉对应的断点代码。
条件断点
对于行数右键点击,选择Add conditional breakpoint...,输入对应的逻辑判断,注意书写的逻辑使用的变量是当前行可以拿到的变量
DOM断点
单击Elements选项卡
找到要设置断点的元素
右键单击该元素
将鼠标悬停在Break on,然后选择Subtree modifications、Attributes modifications或Node removal
展开
评论