ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

【js】知乎chrome控制台字符画招聘信息实现

2020-12-07 19:02:57  阅读:179  来源: 互联网

标签:__ function 知乎 _____ chrome lines js ____ var


知乎主页使用chrome控制台打开可以看到如下的招聘信息,我们也来做一个

 

 知乎控制台

Step1:获取字符画:

去这个网站Text to ASCII获得你想展示的字符,复制下来

Step2: 在js里写一个函数

    Function.prototype.getMultiLine = function () {
            var lines = new String(this);
            lines = lines.substring(lines.indexOf("/*") + 3, lines.lastIndexOf("*/"));
            return lines;
        }

Step3: 定义一个变量,将字符粘贴进来

var string = function () {
/*
          _____                   _____                   _____                   _____          
         /\    \                 /\    \                 /\    \                 /\    \         
        /::\____\               /::\    \               /::\    \               /::\    \        
       /:::/    /               \:::\    \             /::::\    \             /::::\    \       
      /:::/    /                 \:::\    \           /::::::\    \           /::::::\    \      
     /:::/    /                   \:::\    \         /:::/\:::\    \         /:::/\:::\    \     
    /:::/____/                     \:::\    \       /:::/__\:::\    \       /:::/__\:::\    \    
   /::::\    \                     /::::\    \     /::::\   \:::\    \     /::::\   \:::\    \   
  /::::::\    \   _____   ____    /::::::\    \   /::::::\   \:::\    \   /::::::\   \:::\    \  
 /:::/\:::\    \ /\    \ /\   \  /:::/\:::\    \ /:::/\:::\   \:::\____\ /:::/\:::\   \:::\    \ 
/:::/  \:::\    /::\____/::\   \/:::/  \:::\____/:::/  \:::\   \:::|    /:::/__\:::\   \:::\____\
\::/    \:::\  /:::/    \:::\  /:::/    \::/    \::/   |::::\  /:::|____\:::\   \:::\   \::/    /
 \/____/ \:::\/:::/    / \:::\/:::/    / \/____/ \/____|:::::\/:::/    / \:::\   \:::\   \/____/ 
          \::::::/    /   \::::::/    /                |:::::::::/    /   \:::\   \:::\    \     
           \::::/    /     \::::/____/                 |::|\::::/    /     \:::\   \:::\____\    
           /:::/    /       \:::\    \                 |::| \::/____/       \:::\   \::/    /    
          /:::/    /         \:::\    \                |::|  ~|              \:::\   \/____/     
         /:::/    /           \:::\    \               |::|   |               \:::\    \         
        /:::/    /             \:::\____\              \::|   |                \:::\____\        
        \::/    /               \::/    /               \:|   |                 \::/    /        
         \/____/                 \/____/                 \|___|                  \/____/         
                                                                                                   
*/
        }

注意:字符在这里是被注释掉的,这样利用上面的函数就能按照格式在控制台输出了

Step4: 使用console.log将刚刚定义的变量输出:

        window.console.log(string.getMultiLine());

完整代码

<script>
    Function.prototype.getMultiLine = function () {
            var lines = new String(this);
            lines = lines.substring(lines.indexOf("/*") + 3, lines.lastIndexOf("*/"));
            return lines;
        }

        var string = function () {
/*
          _____                   _____                   _____                   _____          
         /\    \                 /\    \                 /\    \                 /\    \         
        /::\____\               /::\    \               /::\    \               /::\    \        
       /:::/    /               \:::\    \             /::::\    \             /::::\    \       
      /:::/    /                 \:::\    \           /::::::\    \           /::::::\    \      
     /:::/    /                   \:::\    \         /:::/\:::\    \         /:::/\:::\    \     
    /:::/____/                     \:::\    \       /:::/__\:::\    \       /:::/__\:::\    \    
   /::::\    \                     /::::\    \     /::::\   \:::\    \     /::::\   \:::\    \   
  /::::::\    \   _____   ____    /::::::\    \   /::::::\   \:::\    \   /::::::\   \:::\    \  
 /:::/\:::\    \ /\    \ /\   \  /:::/\:::\    \ /:::/\:::\   \:::\____\ /:::/\:::\   \:::\    \ 
/:::/  \:::\    /::\____/::\   \/:::/  \:::\____/:::/  \:::\   \:::|    /:::/__\:::\   \:::\____\
\::/    \:::\  /:::/    \:::\  /:::/    \::/    \::/   |::::\  /:::|____\:::\   \:::\   \::/    /
 \/____/ \:::\/:::/    / \:::\/:::/    / \/____/ \/____|:::::\/:::/    / \:::\   \:::\   \/____/ 
          \::::::/    /   \::::::/    /                |:::::::::/    /   \:::\   \:::\    \     
           \::::/    /     \::::/____/                 |::|\::::/    /     \:::\   \:::\____\    
           /:::/    /       \:::\    \                 |::| \::/____/       \:::\   \::/    /    
          /:::/    /         \:::\    \                |::|  ~|              \:::\   \/____/     
         /:::/    /           \:::\    \               |::|   |               \:::\    \         
        /:::/    /             \:::\____\              \::|   |                \:::\____\        
        \::/    /               \::/    /               \:|   |                 \::/    /        
         \/____/                 \/____/                 \|___|                  \/____/         
                                                                                                   
                                                                                      
*/
        }
        window.console.log(string.getMultiLine());
</script>

 

标签:__,function,知乎,_____,chrome,lines,js,____,var
来源: https://www.cnblogs.com/HGNET/p/14098850.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有