通过打印台发布招聘前端信息举例知乎_知乎官网打印台是啥-CSDN博客

本文链接：https://blog.csdn.net/CLdemies/article/details/119822766

本文探讨了JavaScript中console.log的高级用法，包括带有样式的文字输出和利用在线工具创建独特字体的实践。通过实例展示了如何使用自定义字体和函数实现动态打印效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、文字编排输出

console,log是javascript的全局方法，所以可以直接附上打印字体的样式也支持\n换行等

console.log('这是一段%c前端招聘信息','color:red;')

打印的招聘信息

2、输出字画符

也可以一点一点自己打印尝试，但耗费精力，以前学生的时候那么玩过哈哈。点击进入网站，这个网站可以对字体进行处理，下面以知乎的打印招聘为例

在这里插入图片描述
首先使用工具网站设计字体

要使用里面生成的字体符要用函数处理一层

<script>
	  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());
<.script>