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

网站建设3年前发布
47 0 0

我们在打开百度或者知乎等网站查看源代码时,在控制台往往会看到如下图所示的信息:,20230306101747b47931b42b2e3c826f8767076f5dbf01ec9fa6997,20230306101748b3222316260ed6782c7346245cd1676ce1916b659,通过这种方式来帮助公司做招聘,是不是很有创意呢?一方面可以体现出这些公司对人才的渴望,另一方面也可以让开发者们直接接触招聘信息,更加高效的找到对公司感兴趣的求职者。,接下来就让来看看这些是如何实现的吧。,console.log作为javascript的全局方法之一,也支持输出带有格式和样式的字符,比如我们使用/n进行换行,使用css样式为指定文本编写样式,如下:,以上%c后面的本将用console.log的第二个参数制定的样式来输出,效果如下:,20230306101952135011d3402b4eba5067574d88aaa79fff42d7305,我们可以利用这些方式实现更加有创意的控制台信息,包括公司的宣传画,招聘贴等。,正如上文所展示的控制台知乎招聘贴,我们也可以为自己的网站定制招聘宣传贴。关于字符画的编写,我们可以一行行在控制台敲,当然这种方式不建议采用,我们可以使用网站http://patorjk.com/来生成自己的字符画,然后在通过代码包装输出到控制台。,2023030610175032a486401ba3e25864296807d5c320f341782a994,以上就是该网站的界面,我们只需要输入想要转化成字符画的英文字符,就可以生成不同样式风格的字符画。以下是HIRE的不同风格的字符画:,2023030610195368fe26d980b7412d283383d873350970d750a2662,2023030610175021f9a980228b92b4cda314f5ee4a33f56186c2320,20230306101751d2fba8a94f05b6ef256617a04a152a0081e73b580,20230306101751f1d457a85a846927f1b588463ce96c4637e16a522,20230306101752a6ecd2e99b610abf2fd1508dec37fbfe6b3c8b689,当然这只是网站生成的一部分,该网站一共为HIRE生成了314中不同风格的字符画,是不是很强大呢?当然我们单纯只复制这些字符是远远不够的,我们还需要用函数包转一下,才能原样输出到控制台。具体实现代码如下:,我们将上面从网站生成的字符画复制到string函数中,执行代码后效果如下:,2023030610175352cf0bb10cbfbcb08ad990be01be94ef6b5e25897,当然我们可以继续扩展该函数,支持输出彩色字符画等功能,大家感兴趣可以探索一下。,

© 版权声明

相关文章