五分钟教你使用console.log发布公司的招聘信息

​前言

我们在打开百度或者知乎等网站查看源代码时，分钟在控制台往往会看到如下图所示的教使信息：

通过这种方式来帮助公司做招聘，是招聘不是很有创意呢？一方面可以体现出这些公司对人才的渴望，另一方面也可以让开发者们直接接触招聘信息，信息更加高效的分钟找到对公司感兴趣的求职者。

接下来就让来看看这些是教使如何实现的吧。

1. 基本的招聘文字编排信息输出

console.log作为javascript的全局方法之一，也支持输出带有格式和样式的信息字符，比如我们使用/n进行换行，分钟使用css样式为指定文本编写样式，教使如下：

if (window.console) {

console.log(想和我们共同打造世界最大中文互动问答平台吗？招聘n想让自己的成就在亿万用户面前展现吗？想让世界看得你的光芒吗？n加入我们，在这里不仅是信息工作，投入你的分钟时间和热情，亿华云计算滴滴汗水终会汇聚成不平凡的教使成果。n期待你的招聘加盟。);

console.log("公司诚聘前端工程师，%c简历投递地址http://www.badu.toudi.com", "color:blue;font-weight:bold;");

console.log("请在邮件中注明%c来自:console", "color:red;font-weight:bold;");

}

以上%c后面的本将用console.log的第二个参数制定的样式来输出，效果如下：

我们可以利用这些方式实现更加有创意的控制台信息，包括公司的宣传画，招聘贴等。

2. 在控制台打印字符画

正如上文所展示的控制台知乎招聘贴，我们也可以为自己的网站定制招聘宣传贴。关于字符画的编写，我们可以一行行在控制台敲，当然这种方式不建议采用，我们可以使用网站http://patorjk.com/来生成自己的字符画，然后在通过代码包装输出到控制台。

以上就是该网站的站群服务器界面，我们只需要输入想要转化成字符画的英文字符，就可以生成不同样式风格的字符画。以下是HIRE的不同风格的字符画：

当然这只是网站生成的一部分，该网站一共为HIRE生成了314中不同风格的字符画，是不是很强大呢？当然我们单纯只复制这些字符是远远不够的，我们还需要用函数包转一下，才能原样输出到控制台。具体实现代码如下：

Function.prototype.makeMulti = function () {

let l = new String(this)

l = l.substring(l.indexOf("/*") + 3, l.lastIndexOf("*/"))

return l

}

let string = function () {

/* 你复制的字符图案 */

}

console.log(string.makeMulti());

console.log(/* 其他信息 */);

</script>

我们将上面从网站生成的字符画复制到string函数中，执行代码后效果如下：

当然我们可以继续扩展该函数，支持输出彩色字符画等功能，大家感兴趣可以探索一下。

IT技术网

本文地址：http://www.bzuk.cn/html/138a31399548.html