常用console

6 篇文章 0 订阅
4 篇文章 0 订阅

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样式
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值