如果在你的概念里,程序員是古板、木訥、不解風情的存在,說明你對程序員的了解太少了!他們也有萬種風情,只不過都留給了代碼……比如,用無限才華生成的魔法彩蛋,爾等蕓蕓草民看不透,看不透。
俗話說,模仿是最好的學習方法,所以,我們先來看一些著名有趣的彩蛋案例。
1、
這個歷史性的彩蛋一直延續在Netscape系列之中,包括了Netscape/Mozilla/Firefox。打開瀏覽器,在地址欄里輸入“about:mozilla”,這本書就會打開一頁(如圖),顯示一段圣經體。至于是哪一頁,取決于你的瀏覽器版本。這個彩蛋被稱為Mozilla之書。
果然有著圣經啟示般的感覺
在火狐瀏覽器的地址欄里輸入“about:robots”,就會有可愛的機器人前來造訪!
工作間隙里,娛樂一下也是可以的
Konamicode相信大家都知道,就是魂斗羅三十條命的秘技,即:↑↑↓↓←→←→BA。
Vogue是一本時尚雜志,在其英國官方網站:http://www.vogue.co.uk/,輸入Konamicode,你會看到一個奇怪的東西呼嘯而過……
digg還記得嗎?打開網站:http://digg.com/,同樣在search中輸入Konamicode,接下來將會有神奇的事情發生。
一定是程序員也喜歡這首神曲
加拿大銀行發行新紙幣的官網中,竟也隱藏了KonamiCode。打開頁面輸入暗號就會出現特效。據官方表示隱藏KonamiCode十分有趣,所以就用來慶祝加拿大150周年。傳送門:
http://www.bankofcanada.ca/banknotes/banknote150/
Imdb是一個電影庫及影評網站,里面有一部電影叫搖滾萬萬歲(ThisIsSpinalTap),打開這個電影的頁面:https://www.imdb.com/title/tt0088258/乍一看也許不會發現有什么奇怪的地方,但是仔細一看,這部電影的最高評分竟可以達到11分!顯然Imdb的程序員愛死了這部電影。
網站截圖
打磚塊是最著名的一款游戲,影響力極大,打開Google圖片搜索,搜索關鍵字“AtariBreakout”,瞬間就出現了一個打磚塊游戲,工作之余不妨玩兩局~
打開可口可樂的官方網站:https://www.coca-colacompany.com/,查看源代碼,你會看到一個字符組成的可口可樂Logo。
只能說,這個程序員很有情懷
打開百度搜索,在搜索欄里輸入以下關鍵詞:也會出現意想不到的小驚喜哦~
- 黑洞系列:黑洞、人造黑洞、黑洞頻率
- 動作系列:抖動、晃動、搖一搖、跳躍、翻轉、反轉、旋轉、跳動、duang等
- 聲效系列:布谷鳥、打雷、大風、海邊等
建議感受一下
看到這些彩蛋有沒有眼前一亮?其實程序員的彩蛋主要通過注釋、程序體、404和505、功能、以及效果等等幾個地方來展示他們的才華。
注釋是程序員最常留彩蛋的地方,大多數留的是程序員的個人信息、程序的功能以及后續修改的說明等,但是有些程序員喜歡在注釋里玩點花樣,例如寫表白呀、吐槽呀之類的,當然像某米音樂的程序員這樣做就不太合適了。
有趣有料三觀正有內涵的彩蛋才是好彩蛋,給自己找麻煩可就沒趣了
這種通過注釋設置彩蛋的方法是最簡單的,比如有一些惡搞派為了避免別人在使用自己的代碼時將自己的注釋信息刪除,就有了以下這種注釋:
哪里有壓迫哪里就會有反抗,有些程序員偏偏不信邪,直接刪掉,結果在運行程序的時候出現報錯,死活運行不下去,經過精密的查找,最后在代碼里發現了這樣的語句:
你這么調皮,你女朋友知道嗎?
這位調皮的程序員是通過正則匹配的方式對全文進行檢索,檢索“Donottrytodeletethiscomment”和“請不要刪除這行注釋,不信你就試試!”這兩句話,如果檢測不到就直接調用控制臺信息報錯,也是夠調皮的。
在程序編寫過程中,尤其是網頁程序,經常會出現“404找不到網頁”以及“505服務器錯誤”的情況,為了更友好的人機交互體驗,程序員們越來越重視起這兩個頁面的設計,以致這兩個界面幾乎已經成為程序員們炫技的角斗場。
比如MagicLeap,這家公司最愛干的事就是給自己家的產品賦予神秘感,甚至是連自己家網站的404頁面都不放過。
圖中的燈泡會出現忽明忽滅的效果
MagicLeap官網的404頁面看上去很立體,“404”被設計的頗有頹廢感,其中一個4甚至是躺倒的,大部分人看到“404”之后就關閉網頁了,殊不知這里隱藏著一個彩蛋:當你按住鼠標左鍵畫圈,就會出現一個宇宙的界面,隨著你圈數的增加,宇宙也會隨之變大,點擊就會進入一個虛擬宇宙,這是一個裸眼VR的宇宙場景,效果十分震撼,左右拖動鼠標還可以遨游宇宙。
彩蛋也挑人,沒有成功的小伙伴,可以換臺電腦試試哦
是不是耐不住好奇心了?送你去感受下,傳送門:https://www.magicleap.com/404
程序大部分都是后臺行為,用戶一般看不到,但是前端程序卻是個例外,作為后臺和用戶的溝通橋梁,程序員們自然不會放過這個設置彩蛋的絕好機會,甚至有些腦洞大開的程序員通過調試信息的方式進行人才招聘,比如在廣告上嵌入一個難解的數學題,引起程序員們的注意;有的直接在電視屏幕上播出動態問題;有的直接來一句莫名其妙的話,然后扔一個郵箱,比如Google網站上,曾經針對搜索編程問題的人屏幕裂開出現一個問題:你和我是同類,咱們使用的是同一種語言(暗示都是程序員),你是否愿意接受挑戰?
程序員MaxRosett有一次在使用Google搜索編程語言的問題時,就遇到了這個頁面,然后他點擊了“接受”。
在回答了一些編程問題通過挑戰后,他被要求發送一份簡歷到指定郵箱,不久后便收到谷歌的面試邀請,是的,他現在已經是谷歌的一名程序員了。
無獨有偶,百度公司現在也在用前端彩蛋的方式進行人員招聘,在百度頁面,按下Fn+F12進入到調試界面,便可以看到這段招聘信息:
程序員的世界樂趣無窮
很像鬧著玩對吧,如果點擊那里的職位介紹網址,你真的會跳轉到百度的招聘網頁。
其實這種招聘方式還是很有目標性和針對性的,能夠找到這些彩蛋的都是業內人士,也證明你對百度的前端很感興趣或者正在做測試,而程序員需要的就是這種探索欲和好奇心。
你瞧,知乎也有這樣的彩蛋
還有一類常見的彩蛋叫做效果彩蛋,比如原來的EXCEL2000內嵌的賽車小游戲,就是屬于效果彩蛋,而另一種效果彩蛋就是為了讓你滿足一些特殊情況下的需要,比如,在微軟word文件中,只要同時按下Ctrl、Shift、Alt,再點擊帶問號的鍵,就會驚喜的看到輸入的問號是倒著的,倒著的感嘆號也是同樣的方法,是不是很神奇呢?
當然,如果你只想做一個源代碼圖案,可以用這個在線工具:http://www.ascii-art-generator.org/
如果你想做動態的彩蛋,可以用:
http://lou.wtf/cheet.js/(這是一個js文件,引入這個文件后,當用戶輸入彩蛋關鍵詞,就可以得到回調,顯示你的彩蛋內容)
留下彩蛋不是目的,彩蛋做的亮眼才是王道,通過彩蛋展示程序員的編碼才華,是低調的炫技,是“不鳴則已、一鳴驚人”的自信,但是在此過程中一定不要忘記文明、合規的原則哦~