效果:
如何实现
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>