Quiet
  • HOME
  • ARCHIVE
  • CATEGORIES
  • TAGS
  • LINKS
  • ABOUT

李致知

  • HOME
  • ARCHIVE
  • CATEGORIES
  • TAGS
  • LINKS
  • ABOUT
Quiet主题
  • JS

JS console技巧

李致知
技术点

2023-03-23 05:58:54

文章目录
    1. 一,基础使用
    2. 二,美化对象和数组类型显示
    3. 三,执行耗时
    4. 四,有层次地显示内容
    5. 五,函数的执行次数
    6. 六,断言输出
    7. 七,美化
    8. 八,延申

今天刷B站看到了一个up主介绍的JSconsole技巧,还挺有意思的,记录一下。

github页面

b站界面

一,基础使用

image-20230323140334110

第二行最左边的按钮控制显示隐藏控制台边栏,可以控制显示图片左边的界面。(我从来没看到过哈哈)

二,美化对象和数组类型显示

image-20230323140542643

这个table功能还是不错的,对于一些对象类型数据的输出可以显示地更加直观。

三,执行耗时

image-20230323140935843

console.time开始时间,console.timeEnd会打印出time到timeend之间花费的时间,timeLog会打印出单步执行的耗时。

四,有层次地显示内容

image-20230323141320367

group和groupCollapsed区别就是默认状态不同。

五,函数的执行次数

image-20230323141551006

countReset会重置执行次数为1

六,断言输出

传入两个参数,第一个布尔值,第二个是当布尔值为false时输出的内容。

image-20230323141719997

七,美化

image-20230323141755209

八,延申

  • console.dir(output,{depth:null})

    打印对象,第一个参数是要打印的对象,第二个参数是配置项,比如常见的depth:null,展开所有子对象(在终端时很有用,因为终端不是浏览器,不可以点击array进行展开之类的)

上一篇

动手学深度学习笔记(三)——线性神经网络

下一篇

动手学深度学习笔记(二)——预备知识

©2023 By 李致知. 主题: Quiet 鲁ICP备2022039519号-1
Quiet主题