2021-08-25绍操作台

最编程 2024-02-29 22:38:15

...

console的Sao操作

1、新建字体

先找到一个你可以生成你想要字体的插件，我用的VSCode编辑器，里面有个插件“ASCIIDecorator”，搜索到直接下载.

新建一个文本，输入你想要的字体，例如“Hello World”。

选中字体，按快捷键：ctrl+shift +p，选择ASCII Decorator（见下图）会出现字体选择，选择你想要的字体即可（本文选用的字体是ANSI Shadow）

2、生成你想要的字体后，利用console输出

console.log(`

██╗ ██╗███████╗██╗ ██╗ ██████╗ ██╗ ██╗ ██████╗ ██████╗ ██╗ ██████╗

██║ ██║██╔════╝██║ ██║ ██╔═══██╗ ██║ ██║██╔═══██╗██╔══██╗██║ ██╔══██╗

███████║█████╗ ██║ ██║ ██║ ██║ ██║ █╗ ██║██║ ██║██████╔╝██║ ██║ ██║

██╔══██║██╔══╝ ██║ ██║ ██║ ██║ ██║███╗██║██║ ██║██╔══██╗██║ ██║ ██║

██║ ██║███████╗███████╗███████╗╚██████╔╝ ╚███╔███╔╝╚██████╔╝██║ ██║███████╗██████╔╝

╚═╝ ╚═╝╚══════╝╚══════╝╚══════╝ ╚═════╝ ╚══╝╚══╝ ╚═════╝ ╚═╝ ╚═╝╚══════╝╚═════╝

3、要是想改样式就在你生成的字体前加“%c”(代表css样式)，再写样式。见下图

console.log(`%c

██╗ ██╗███████╗██╗ ██╗ ██████╗ ██╗ ██╗ ██████╗ ██████╗ ██╗ ██████╗

██║ ██║██╔════╝██║ ██║ ██╔═══██╗ ██║ ██║██╔═══██╗██╔══██╗██║ ██╔══██╗

███████║█████╗ ██║ ██║ ██║ ██║ ██║ █╗ ██║██║ ██║██████╔╝██║ ██║ ██║

██╔══██║██╔══╝ ██║ ██║ ██║ ██║ ██║███╗██║██║ ██║██╔══██╗██║ ██║ ██║

`,'color:skyblue')

二、项目常用

1、检查性能console.time() 、 console.timeEnd()

以下是测试代码，可复制直接在控制台输出观察结果

var arr = new Array();

console.time('test');

for (var i = 0; i < 1000000; i++) {

arr.push(i + 1);

}

console.timeEnd('test');