Console面板小技巧:

本文介绍了多种前端开发实用技巧,包括使用Shift+Enter换行显示表达式、在console面板中调用函数、通过LiveServer插件运行本地HTML代码、利用console.table打印JSON数据、在console中定制打印样式、使用console.assert()进行断言以及监测函数执行时间的方法。

 1.shift+enter : 换行显示表达式,如下图可以输入

 

 2..可以在console面板中输入函数,并进行调用:

3.visual code中可以使用Live Server插件来启动server和端口号,可以直接运行本地html代码

 

 

 

4.使用console.table(selectedRowData) 可以直接在console面板中打印Json格式的复杂信息,、

 


5.推荐使用占位符在console中打印变量信息

var temp="aaa";
console.log("%s Hello world",temp);


6.使用console custom定制样式:如下图所示,%c表示样式的占位符

const spacing2="10px";
const style3='padding: ${spacing2}; background-color: green';
console.log("%c这是展示",style3);

7.console.assert()断言

 


8.console.time() 来监测函数的执行时间

 

9.使用console.clear()函数清除console面板上所有的打印信息。

 

转载于:https://www.cnblogs.com/zdjBlog/p/11413173.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值