彩色的控制台(console)信息输出技巧
应用场景:日常开发中,我们通常会对请求进行封装以便更好的适应我们自己的项目,为了区别于一般的打印信息,我们可以在封装请求拦截器和响应拦截器的时候加上彩色的打印信息,使其突出显示在控制台。
使用技巧:主要通过%c占位符来使输出的文字具有样式。
举例:我们想要在请求接口以及接口响应时,对请求接口的方法,请求的参数id以及请求的url进行打印。
在请求拦截器中,突出蓝色背景:
console.log(
`%c ${method} No.${reqId} `,
'background:#409EFF;color:#fff;font-weight:bold;border-radius:2px;padding:2px;margin-right:1em;',
url
);
在相应拦截器中,突出绿色背景:
console.log(
`%c Res No.${reqId} `,
'background:#67C23A;color:#fff;font-weight:bold;border-radius:2px;padding:2px;margin-right:1em;',
url
);
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)