JavaScript可通过console.log()的%c占位符在控制台输出带样式的日志，每个%c仅作用于前一个字符串参数，支持color、background等基础CSS属性，并可封装成success、error等工具函数简化使用。
JavaScript 可以用 console.log() 的格式化字符串语法配合 CSS 样式，在浏览器控制台打印带颜色、字体、背景等效果的日志。
使用 %c 占位符开启样式
%c 是控制台专用的样式占位符，后面紧跟一个 CSS 字符串，作用于它前面的文本内容。多个 %c 可以分段设置不同样式。
- 每个
%c只影响其**前一个**参数（即紧挨着它的那个字符串） - 样式字符串写在对应参数之后，顺序必须严格匹配
- 不支持所有 CSS 属性，常见可用的有：
color、background、font-weight、font-size、text-decoration、padding、border-radius等
基础用法示例
打印红色粗体文字：
console.log('%cHello World', 'color: red; font-weight: bold;');
打印带背景和圆角的提示信息：
立即学习“Java免费学习笔记（深入）”；
console.log('%c⚠️ 注意', 'color: white; background: #ff9800; padding: 2px 6px; border-radius: 3px;');
多段样式混合输出
同一个 console.log() 中可混用普通文本与多个 %c：
console.log( '%c[API]%c GET /user %c200', 'color: blue;', 'color: black;', 'color: green;' );
效果："[API]" 蓝色，" GET /user " 黑色，"200" 绿色。
封装成易用的工具函数
避免重复写长样式字符串，可以封装常用类型：
const log = {
success: (msg) => console.log('%c✓ ' + msg, 'color: #4caf50; font-weight: bold;'),
error: (msg) => console.log('%c✗ ' + msg, 'color: #f44336; font-weight: bold;'),
warn: (msg) => console.log('%c⚠ ' + msg, 'color: #ff9800; font-weight: bold;'),
info: (msg) => console.log('%ci ' + msg, 'color: #2196f3; font-weight: bold;')
};
log.success('加载完成');
log.error('请求失败'); 
