逛B站不小心点到了F12,于是乎看到了蓝色的小电视,于是乎了解了一下

先大致说一下语法:
console.log('%c巴拉%c巴拉','color:#fff','color:#000');
//上述代码中
参数1 的 第一个 %c 会被替换成 参数2 所代表的样式;
参数1 的 第二个 %c 会被替换成 参数3 所代表的样式;
...
(字体颜色,背景颜色,字体大小都是可以的,其他的自己去发现)
//上面的写法等同于
console.log(console,['%c巴拉%c巴拉','color:#fff','color:#000']);
主题:打印五彩斑斓的黑
//创建新数组,存放数据及样式
arr=[''];
for(var x = 1; x<10;x++){
//给每一个黑字设置样式
arr[0]+='%c黑';
//用随机函数生成三位数代表rgb颜色
arr[x]='color:#fff;font-size:50px;background-color:#'+Math.random().toFixed(3)*1000;
}
console.log.apply(console,arr)
效果

这个时候,总会有人问了,这有什么用?我很负责的告诉你,没,什,么,卵,用.
本文介绍了一种在浏览器控制台使用console.log打印带有样式文本的方法,通过动态生成不同样式的文字,实现视觉上的五彩斑斓效果。文章详细解释了如何利用%c参数插入样式,并通过循环和随机数生成多种颜色的背景。
1393

被折叠的 条评论
为什么被折叠?



