console相关:
1.console.log()、console.info()
用法:无区别
意义:log更多用来调试,info()更多展示给用户,理解为页面产品的一部分
2.console.warn()输出的带警告log
3.console.error()输出的带错误提示log
4.console.trace()打印函数调用栈信息,同时也会显示函数调用中各参数的值
5.console.count()将count写在函数内,可以显示执行次数(单个数值,相当于count++)
6.console.dir()输出易读格式
7.console.table()表格形式展示
8.console.time()开始计时
9. console.timeEnd()结束计时
10.console.group('其他科目')
11.console.groupEnd('其他科目')
12.console.clear()清空console打印Console was cleared
其他的:
查看了bilibili、alloyteam等网站的console彩蛋,记录一下console的颜色渲染:
console.log("%c before after","color:red");
%c渲染符号,改变颜色的内容可用十六位颜色和grba显示
注:结合模版字符串可记录空格回车等信息,可做字符画彩蛋
// 格式化输出的占位标志
console.log支持的格式标志
%s 占位符
%d 或 %i 整数
%f 浮点数
%o%O object对象
%c css样式