<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          5分鐘教你使用console.log發(fā)布公司的招聘信息

          共 1351字,需瀏覽 3分鐘

           ·

          2020-03-19 23:26

          前言

          我們在打開百度或者知乎等網(wǎng)站查看源代碼時,在控制臺往往會看到如下圖所示的信息:df391385234ac3b6b94df9c9d2c37288.webp6b452006d705ad6727c78ba06f149666.webp通過這種方式來幫助公司做招聘,是不是很有創(chuàng)意呢?一方面可以體現(xiàn)出這些公司對人才的渴望,另一方面也可以讓開發(fā)者們直接接觸招聘信息,更加高效的找到對公司感興趣的求職者。接下來就讓來看看這些是如何實現(xiàn)的吧。

          正文

          1. 基本的文字編排信息輸出

          console.log作為javascript的全局方法之一,也支持輸出帶有格式和樣式的字符,比如我們使用/n進行換行,使用css樣式為指定文本編寫樣式,如下:
          if (window.console) {
          console.log('想和我們共同打造世界最大中文互動問答平臺嗎?\n想讓自己的成就在億萬用戶面前展現(xià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;");
          }

          復(fù)制代碼
          以上%c后面的本將用console.log的第二個參數(shù)制定的樣式來輸出,效果如下:
          6d8d4beb6150069bf2cc7965339b05fc.webp我們可以利用這些方式實現(xiàn)更加有創(chuàng)意的控制臺信息,包括公司的宣傳畫,招聘貼等。

          2. 在控制臺打印字符畫

          正如上文所展示的控制臺知乎招聘貼,我們也可以為自己的網(wǎng)站定制招聘宣傳貼。關(guān)于字符畫的編寫,我們可以一行行在控制臺敲,當(dāng)然這種方式不建議采用,我們可以使用網(wǎng)站patorjk.com/來生成自己的字符畫,然后在通過代碼包裝輸出到控制臺。995f995854ee5a37e9bdb6bbd1546f34.webp以上就是該網(wǎng)站的界面,我們只需要輸入想要轉(zhuǎn)化成字符畫的英文字符,就可以生成不同樣式風(fēng)格的字符畫。以下是HIRE的不同風(fēng)格的字符畫:06d190df79b9d3fd3be191e06e95a1a5.webpdb75ede46dcb839c6ed9a30a022f6b4e.webp325b0b97d5dcd3e781b0bf9569d9dc64.webp15d48871d55f992715c0449a43ac1c9f.webpcc691651a1577b971e2730c01628eaed.webp當(dāng)然這只是網(wǎng)站生成的一部分,該網(wǎng)站一共為HIRE生成了314中不同風(fēng)格的字符畫,是不是很強大呢?當(dāng)然我們單純只復(fù)制這些字符是遠遠不夠的,我們還需要用函數(shù)包轉(zhuǎn)一下,才能原樣輸出到控制臺。具體實現(xiàn)代碼如下:
          
          
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                    <th id="afajh"><progress id="afajh"></progress></th>
                    操日小骚屄网站 | 久久夜色免费视频 | 免费做爱网站在线观看 | 豆花视频免费观看18 | 蜜桃AV鲁一鲁 |