羊咩咩245
获得徽章 1
赞了这篇文章
#青训营笔记创作活动#
1.20 打卡 day7
学习内容：前端应该掌握的浏览器调试技巧
【不简单的console】
1.console.log：除了简单的输出外，还有一个小技巧，假设你有多个变量需要输出，如果直接输出，没办法查看对应名称，可以添加一个中括号，同时借助ES6的属性的简洁表示法，可以更直观的查看变量对应。
2.console.warn：在控制台输出警告信息，用于代码存在不合理或不符合规范但不影响系统运行的提示
3.console.error：在控制台输出错误信息，用于代码错误和异常的提示
4.console.time和console.timeEnd
5.console.assert：第一个参数为 false（例如null，undefined，''，0，或者结果为false的逻辑等）的情况下会在控制台输出错误日志，可以减少书写判断逻辑，用于判断空值或者false逻辑还是很有用处的。
6.console.dir：有时我们可能想要查看DOM的相关事件和属性，可以采用console.dir，输出DOM节点对应的js对象映射。
7.console.table：可以将数组（或者是 类数组 的对象，或者就是一个 对象 ）打印成一个表格
8.console.$i：这个功能是让我们可以在 devtool 开发者工具直接使用npm包，当然这个按需功能，需要扩展程序Console Importer作为辅助工具
以时间处理插件dayjs作为示例，在控制台输入congsole.$i('dayjs')即可安装dayjsnpm包，可以使用其相应功能。
9.breakpoint
1.20 打卡 day7
学习内容：前端应该掌握的浏览器调试技巧
【不简单的console】
1.console.log：除了简单的输出外，还有一个小技巧，假设你有多个变量需要输出，如果直接输出，没办法查看对应名称，可以添加一个中括号，同时借助ES6的属性的简洁表示法，可以更直观的查看变量对应。
2.console.warn：在控制台输出警告信息，用于代码存在不合理或不符合规范但不影响系统运行的提示
3.console.error：在控制台输出错误信息，用于代码错误和异常的提示
4.console.time和console.timeEnd
5.console.assert：第一个参数为 false（例如null，undefined，''，0，或者结果为false的逻辑等）的情况下会在控制台输出错误日志，可以减少书写判断逻辑，用于判断空值或者false逻辑还是很有用处的。
6.console.dir：有时我们可能想要查看DOM的相关事件和属性，可以采用console.dir，输出DOM节点对应的js对象映射。
7.console.table：可以将数组（或者是 类数组 的对象，或者就是一个 对象 ）打印成一个表格
8.console.$i：这个功能是让我们可以在 devtool 开发者工具直接使用npm包，当然这个按需功能，需要扩展程序Console Importer作为辅助工具
以时间处理插件dayjs作为示例，在控制台输入congsole.$i('dayjs')即可安装dayjsnpm包，可以使用其相应功能。
9.breakpoint
展开
评论
点赞
#青训营笔记创作活动#
1.17 打卡day3
最近在了解如何开发组件库，发现monorepo更适合做一下组件库工具库，收益很大
1.17 打卡day3
最近在了解如何开发组件库，发现monorepo更适合做一下组件库工具库，收益很大
评论
点赞
#青训营笔记创作活动# 1.15 打卡day1 前几天刚学了promise 今天看了这篇文章后加深了理解 继续加油加油
评论
点赞
关注了
赞了这篇文章
赞了这篇文章
赞了这篇文章