美文网首页
使用console.log打印公司招聘信息和字符画

使用console.log打印公司招聘信息和字符画

作者: buer_jing | 来源:发表于2020-03-20 16:33 被阅读0次

效果:

百度控制台
知乎控制台

如何实现

1.打印招聘信息

if (window.console) {
    console.log('你在电脑前看这段文字,\n写文字的人在百度等你。\nN年前你来到了这个世界,\nN年后你想改变世界。\n\n期待你脚踏祥云,\n与百度一起改变世界。');
    console.log("公司诚聘前端工程师,%c简历投递地址http://www.badu.com", "color:blue;font-weight:bold;");
    console.log("请在邮件中注明%c来自:console", "color:red;font-weight:bold;");
}

这里用到了console.log的占位符,这里就简单列一下,如果大家感兴趣的话可以找资料具体了解下

占位符 含义
%s 字符串
%d or %i 整数
%f 浮点数
%o Object对象
%c css样式

2.打印字符画

我们可以到patorjk生成自己的字符画,然后通过代码输出到控制台

复制字符画
该网站共有314种不同风格的字符画,我们可以挑选自己喜欢的风格
<script>
    function makeMulti (string) {
        let l = new String(string)
        l = l.substring(l.indexOf("/*") + 3, l.lastIndexOf("*/"))
        return l
    }
    # 注意:你复制的字符画需要放在/*  */中间
    let string = function () {
      /* 你复制的字符图案 */
    }
    console.log(makeMulti(string));
    console.log(/* 其他信息 */);
</script>

相关文章

网友评论

      本文标题:使用console.log打印公司招聘信息和字符画

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