为了账号安全,请及时绑定邮箱和手机立即绑定

如何在程序里留下彩蛋?

如果在你的概念里,程序员是古板、木讷、不解风情的存在,说明你对程序员的了解太少了!他们也有万种风情,只不过都留给了代码……比如,用无限才华生成的魔法彩蛋,尔等芸芸草民看不透,看不透。

 

https://img1.sycdn.imooc.com//5ae043230001935f03000300.jpg

 俗话说,模仿是最好的学习方法,所以,我们先来看一些著名有趣的彩蛋案例

 

1、火狐浏览器Mozilla之书和机器人造访

 

这个历史性的彩蛋一直延续在Netscape系列之中,包括了Netscape/Mozilla/Firefox。打开浏览器,在地址栏里输入“about:mozilla”,这本书就会打开一页(如图),显示一段圣经体。至于是哪一页,取决于你的浏览器版本。这个彩蛋被称为Mozilla之书。 

https://img1.sycdn.imooc.com//5ae043a40001bc0407530357.jpg 

(果然有着圣经启示般的感觉)

 

在火狐浏览器的地址栏里输入“about:robots”,就会有可爱的机器人前来造访! 

https://img1.sycdn.imooc.com//5ae043b80001166f07600621.jpg 

(工作间隙里,娱乐一下也是可以的)

 

2、科那美秘技Konami code

 

Konami code相信大家都知道,就是魂斗罗三十条命的秘技,即:BA。

 

Vogue是一本时尚杂志,在其英国官方网站:http://www.vogue.co.uk/,输入Konami code,你会看到一个奇怪的东西呼啸而过……

https://img1.sycdn.imooc.com//5ae043e50001368505670262.jpg 

digg还记得吗?打开网站:http://digg.com/,同样在search中输入Konami code,接下来将会有神奇的事情发生。 

https://img1.sycdn.imooc.com//5ae044120001dec410090621.jpg

(一定是程序员也喜欢这首神曲)

 

加拿大银行发行新纸币的官网中,竟也隐藏了 Konami Code。打开页面输入暗号就会出现特效。据官方表示隐藏 Konami Code 十分有趣,所以就用来庆祝加拿大150周年。传送门:

http://www.bankofcanada.ca/banknotes/banknote150/

https://img1.sycdn.imooc.com//5ae0442400010e2707240348.jpg 

 

3、Imdb网站神评分电影

 

Imdb是一个电影库及影评网站,里面有一部电影叫摇滚万万岁(This Is Spinal Tap),打开这个电影的页面:https://www.imdb.com/title/tt0088258/ 乍一看也许不会发现有什么奇怪的地方,但是仔细一看,这部电影的最高评分竟可以达到11分!显然Imdb的程序员爱死了这部电影。

 

https://img1.sycdn.imooc.com//5ae0444d00015ee806870530.jpg

 (网站截图)

 

4、Google image打砖块游戏

 

打砖块是最著名的一款游戏,影响力极大,打开Google图片搜索,搜索关键字“Atari Breakout”,瞬间就出现了一个打砖块游戏,工作之余不妨玩两局~

https://img1.sycdn.imooc.com//5ae0445d0001c42508210520.jpg 

5、可口可乐公司源代码logo

 

打开可口可乐的官方网站:https://www.coca-colacompany.com/ ,查看源代码,你会看到一个字符组成的可口可乐Logo。 

https://img1.sycdn.imooc.com//5ae0446e000101f206010567.jpg

(只能说,这个程序员很有情怀)

 

6、百度搜索关键词

 

打开百度搜索,在搜索栏里输入以下关键词:也会出现意想不到的小惊喜哦~

l 黑洞系列:黑洞、人造黑洞、黑洞频率

l 动作系列:抖动、晃动、摇一摇、跳跃、翻转、反转、旋转、跳动、duang等

l 声效系列:布谷鸟、打雷、大风、海边等

https://img1.sycdn.imooc.com//5ae044bc0001f88a09660479.jpg

(建议感受一下)

 

看到这些彩蛋有没有眼前一亮?其实程序员的彩蛋主要通过注释、程序体、404和505、功能、以及效果等等几个地方来展示他们的才华。

 

二、哪些地方可以留下彩蛋

 

1、注释中设置彩蛋

 

注释是程序员最常留彩蛋的地方,大多数留的是程序员的个人信息、程序的功能以及后续修改的说明等,但是有些程序员喜欢在注释里玩点花样,例如写表白呀、吐槽呀之类的,当然像某米音乐的程序员这样做就不太合适了。 

https://img1.sycdn.imooc.com//5ae044d60001348c06300187.jpg 

(有趣有料三观正有内涵的彩蛋才是好彩蛋,给自己找麻烦可就没趣了)

 

这种通过注释设置彩蛋的方法是最简单的,比如有一些恶搞派为了避免别人在使用自己的代码时将自己的注释信息删除,就有了以下这种注释: 

https://img1.sycdn.imooc.com//5ae044f90001c30904730068.jpg

哪里有压迫哪里就会有反抗,有些程序员偏偏不信邪,直接删掉,结果在运行程序的时候出现报错,死活运行不下去,经过精密的查找,最后在代码里发现了这样的语句:

https://img1.sycdn.imooc.com//5ae04515000107e612700185.jpg 

(你这么调皮,你女朋友知道吗?)

 

这位调皮的程序员是通过正则匹配的方式对全文进行检索,检索“Do not try to delete this comment”和“请不要删除这行注释,不信你就试试!”这两句话,如果检测不到就直接调用控制台信息报错,也是够调皮的。

 

2、通过404和505页面设计彩蛋

 

在程序编写过程中,尤其是网页程序,经常会出现“404找不到网页”以及“505服务器错误”的情况,为了更友好的人机交互体验,程序员们越来越重视起这两个页面的设计,以致这两个界面几乎已经成为程序员们炫技的角斗场。

 

比如Magic Leap,这家公司最爱干的事就是给自己家的产品赋予神秘感,甚至是连自己家网站的404页面都不放过。 

https://img1.sycdn.imooc.com//5ae0453200011d8a06800395.jpg 

(图中的灯泡会出现忽明忽灭的效果)

 

Magic Leap官网的404页面看上去很立体,“404”被设计的颇有颓废感,其中一个4甚至是躺倒的,大部分人看到“404”之后就关闭网页了,殊不知这里隐藏着一个彩蛋:当你按住鼠标左键画圈,就会出现一个宇宙的界面,随着你圈数的增加,宇宙也会随之变大,点击就会进入一个虚拟宇宙,这是一个裸眼VR的宇宙场景,效果十分震撼,左右拖动鼠标还可以遨游宇宙。 

https://img1.sycdn.imooc.com//5ae045520001f77118960932.jpg 

(彩蛋也挑人,没有成功的小伙伴,可以换台电脑试试哦)

 

是不是耐不住好奇心了?送你去感受下,传送门:https://www.magicleap.com/404

 

3、通过前端页面设置彩蛋

 

程序大部分都是后台行为,用户一般看不到,但是前端程序却是个例外,作为后台和用户的沟通桥梁,程序员们自然不会放过这个设置彩蛋的绝好机会,甚至有些脑洞大开的程序员通过调试信息的方式进行人才招聘,比如在广告上嵌入一个难解的数学题,引起程序员们的注意;有的直接在电视屏幕上播出动态问题;有的直接来一句莫名其妙的话,然后扔一个邮箱,比如Google网站上,曾经针对搜索编程问题的人屏幕裂开出现一个问题:你和我是同类,咱们使用的是同一种语言(暗示都是程序员),你是否愿意接受挑战? 

https://img1.sycdn.imooc.com//5ae04587000177ac06900311.jpg

程序员Max Rosett有一次在使用Google搜索编程语言的问题时,就遇到了这个页面,然后他点击了“接受”。 

https://img1.sycdn.imooc.com//5ae0459c0001b08406900408.jpg

在回答了一些编程问题通过挑战后,他被要求发送一份简历到指定邮箱,不久后便收到谷歌的面试邀请,是的,他现在已经是谷歌的一名程序员了。 

https://img1.sycdn.imooc.com//5ae045b500016afd03000300.jpg 

无独有偶,百度公司现在也在用前端彩蛋的方式进行人员招聘,在百度页面,按下Fn+F12进入到调试界面,便可以看到这段招聘信息: 

https://img1.sycdn.imooc.com//5ae045cd000193ca19180992.jpg 

(程序员的世界乐趣无穷)

 

很像闹着玩对吧,如果点击那里的职位介绍网址,你真的会跳转到百度的招聘网页。 

https://img1.sycdn.imooc.com//5ae045e400016ab419170944.jpg 

其实这种招聘方式还是很有目标性和针对性的,能够找到这些彩蛋的都是业内人士,也证明你对百度的前端很感兴趣或者正在做测试,而程序员需要的就是这种探索欲和好奇心。 

https://img1.sycdn.imooc.com//5ae0460a00011dd505110335.jpg 

(你瞧,知乎也有这样的彩蛋)

 

4、设置效果彩蛋

 

还有一类常见的彩蛋叫做效果彩蛋,比如原来的EXCEL2000内嵌的赛车小游戏,就是属于效果彩蛋,而另一种效果彩蛋就是为了让你满足一些特殊情况下的需要,比如,在微软word文件中,只要同时按下Ctrl、Shift、Alt,再点击带问号的键,就会惊喜的看到输入的问号是倒着的,倒着的感叹号也是同样的方法,是不是很神奇呢? 

https://img1.sycdn.imooc.com//5ae0462f0001abeb03000300.jpg

 

当然,如果你只想做一个源代码图案,可以用这个在线工具:http://www.ascii-art-generator.org/

如果你想做动态的彩蛋,可以用:

http://lou.wtf/cheet.js/(这是一个js文件,引入这个文件后,当用户输入彩蛋关键词,就可以得到回调,显示你的彩蛋内容)

 

留下彩蛋不是目的,彩蛋做的亮眼才是王道,通过彩蛋展示程序员的编码才华,是低调的炫技,是“不鸣则已、一鸣惊人”的自信,但是在此过程中一定不要忘记文明、合规的原则哦~


点击查看更多内容
13人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消