美文网首页
console 用法

console 用法

作者: 洪锦一 | 来源:发表于2022-08-01 11:25 被阅读0次

    %s 字符串
    %c css样式
    %f 浮点数
    %d %i 整数
    %o %O 对象

    根据文字生成字符画:
    http://patorjk.com/software/taag
    http://www.network-science.de/ascii/

    根据图片生成字符画:
    http://www.degraeve.com/img2txt.php
    http://life.chacuo.net/convertphoto2char

    根据流程图生成字符画:
    http://asciiflow.com/

    idea插件
    https://github.com/OBKoro1/koro1FileHeader

    不同颜色

        console.group('分组1=========>不同颜色');
        console.log("%c%s", "color:red", "红色: " + '123');
        console.log("%c%s", "color:blue", "蓝色: " + '1111123');
        console.log("%c%s", "color:green", "绿色: " + '111123');
    
        console.log("%c我爱中国", "color:orange", '123123');
        console.log("%c前端开发 %c hhy %c 真的很好玩!", "color:red", "", "color:orange;font-weight:bold")
        console.groupEnd();
    

    打印图片

        console.group('分组2=========>打印图片');
        console.log("%c ", "background: url(https://www.baidu.com/img/flexible/logo/pc/result.png) no-repeat center;padding-left:80px;padding-bottom: 80px;border-radius:50%;")
        console.log("%c ", "background: url(https://www.baidu.com/img/flexible/logo/pc/result.png) no-repeat center;padding-left:640px;padding-bottom: 242px;")
        console.groupEnd();
    

    打印字符画

        console.group('分组3=========>打印字符画');
        console.log('██╗  ██╗ ██████╗ ███╗   ██╗ ██████╗ ');
        console.log('██║  ██║██╔═══██╗████╗  ██║██╔════╝ ');
        console.log('███████║██║   ██║██╔██╗ ██║██║  ███╗');
        console.log('██╔══██║██║   ██║██║╚██╗██║██║   ██║');
        console.log('██║  ██║╚██████╔╝██║ ╚████║╚██████╔╝');
        console.log('╚═╝  ╚═╝ ╚═════╝ ╚═╝  ╚═══╝ ╚═════╝ ');
        console.groupEnd();
    

    ====================================================

    执行结果

    相关文章

      网友评论

          本文标题:console 用法

          本文链接:https://www.haomeiwen.com/subject/bpqrwrtx.html