知乎chrome控制臺(tái)字符畫招聘信息實(shí)現(xiàn)

知乎主頁(yè)使用chrome控制臺(tái)打開(kāi)可以看到如下的招聘信息右蹦,我們這把來(lái)做一個(gè)

知乎控制臺(tái)

Step1:獲取字符畫:

去這個(gè)網(wǎng)站Text to ASCII獲得你想展示的字符类腮,復(fù)制下來(lái)

Step2: 在js里寫一個(gè)函數(shù)

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

Step3: 定義一個(gè)變量扔水,將字符粘貼進(jìn)來(lái)

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

注意:字符在這里是被注釋掉的,這樣利用上面的函數(shù)就能按照格式在控制臺(tái)輸出了

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>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末钥弯,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子督禽,更是在濱河造成了極大的恐慌脆霎,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,470評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件狈惫,死亡現(xiàn)場(chǎng)離奇詭異睛蛛,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)胧谈,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門玖院,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人第岖,你說(shuō)我怎么就攤上這事难菌。” “怎么了蔑滓?”我有些...
    開(kāi)封第一講書人閱讀 162,577評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵郊酒,是天一觀的道長(zhǎng)遇绞。 經(jīng)常有香客問(wèn)我,道長(zhǎng)燎窘,這世上最難降的妖魔是什么摹闽? 我笑而不...
    開(kāi)封第一講書人閱讀 58,176評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮褐健,結(jié)果婚禮上付鹿,老公的妹妹穿的比我還像新娘。我一直安慰自己蚜迅,他們只是感情好舵匾,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,189評(píng)論 6 388
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著谁不,像睡著了一般坐梯。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上刹帕,一...
    開(kāi)封第一講書人閱讀 51,155評(píng)論 1 299
  • 那天吵血,我揣著相機(jī)與錄音,去河邊找鬼偷溺。 笑死蹋辅,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的挫掏。 我是一名探鬼主播晕翠,決...
    沈念sama閱讀 40,041評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼砍濒!你這毒婦竟也來(lái)了淋肾?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 38,903評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤爸邢,失蹤者是張志新(化名)和其女友劉穎樊卓,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體杠河,經(jīng)...
    沈念sama閱讀 45,319評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡碌尔,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,539評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了券敌。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片唾戚。...
    茶點(diǎn)故事閱讀 39,703評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖待诅,靈堂內(nèi)的尸體忽然破棺而出叹坦,到底是詐尸還是另有隱情,我是刑警寧澤卑雁,帶...
    沈念sama閱讀 35,417評(píng)論 5 343
  • 正文 年R本政府宣布募书,位于F島的核電站绪囱,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏莹捡。R本人自食惡果不足惜鬼吵,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,013評(píng)論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望篮赢。 院中可真熱鬧齿椅,春花似錦、人聲如沸启泣。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 31,664評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)种远。三九已至涩澡,卻和暖如春顽耳,著一層夾襖步出監(jiān)牢的瞬間坠敷,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 32,818評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工射富, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留膝迎,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,711評(píng)論 2 368
  • 正文 我出身青樓胰耗,卻偏偏與公主長(zhǎng)得像限次,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子柴灯,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,601評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容