网页隐藏的彩蛋

 

网页隐藏的彩蛋

我们知道美帝电影基本在结尾都会有彩蛋出现 多则会有2个,以预期下一部剧情走向,那在互联网界呢?一般会在与用户直接接触的页面中做文章。

  近年来用户体验越来越受人重视,页面中展现各种酷炫的效果,H5的发展更是在移动端发用得如鱼得水,BAT等业务发展也是重视对页面改版又改版,使得后来的前端设计师们纷纷效仿,那就涉及到F12的“偷师”,所谓不会前端的工程师不是一个好程序员,那来看看一些互联网大佬会在网页中放哪些只有工程师才能发现的彩蛋。

  据说这个创意是某程序猿通过工作技能来减轻HR的工作压力,借此博取HR MM的好感  – -

先来看看常见的百度系:

     百度首页,展示一般的招聘信息:

然后是百度地图也是,不过加了Logo:

百度知道:

百度经验:

旗下的hao123官网:

Google,google其实从搜索内容特制了些特效,这些都不说了,非常有创意,百度都“借鉴”了不少:

知乎页面:
(字符画HIRE),手动打也是很辛苦的,就像老式的Dos命令画个图

Facebook:
大天朝暂时无法访问,也懒得FQ,就不扒图了,据说显示以下内容,有条件的请上一下图

停下!
此浏览器功能专供开发者使用。若某人让你在此复制粘贴某内容以启用某 Facebook 功能或“入侵”某人帐户,此为欺诈,会使对方获权进入你的 Facebook 帐户。

天猫首页,淘宝也有,应该加了警告图:

聚划算 

网上说有彩蛋,但现在给撤掉了,看下网友之前的截图:

苏宁易购 

看来招够人了 ,现在木有了,看下以前的截图:

火狐的也好酷炫的感觉

不过现在也木有了,不知道是浏览器问题还是撤掉了。看下以前的截图:

斗鱼网:

好像没啥区别。

bigertech笔戈科技

一句话好简单。

酷派

能跟上时代也不错了。

超级课程表

果然是90后前端,居然全用English:

http://jovilab.sinaapp.com/

没看出来是什么网站,不过里面的2048不知道怎么玩啊。

美团外卖

Logo前几天换了,现在这里也改成了袋鼠,动作蛮快的:

豆瓣网

有BUG就直接提,没准可能被应聘上:

新浪首页

满屏的诚意啊……

Console命令如果使用到项目中了还是能很好的进行调试的,这样不用一个一个代码的debugger了,也不用一个个不停的alert了。

Console初始被用来调试的 ,大家手下留情,不要被玩坏了~

现在来练习一下:

console.log(‘hello world‘);//一般不会直接写在页面上,写个js会放在某个文件夹下统一调用

现在是不是也想在自己的网站上留下些惊喜?也有可能不小心吸引来了一个牛X的前端来哦~

时间: 2024-10-18 15:27:49

网页隐藏的彩蛋的相关文章

大佬们给我们带来的欢乐 sudo apt-get install中隐藏这很多不为人知的小彩蛋

在终端的sudo apt-get install中隐藏这很多不为人知的小彩蛋 1.sudo apt-get install oneko 打了以上的命令并下载随后输入oneko 你会发现一只小猫咪跟随在你的鼠标旁,但有几个小bug,当你鼠标在小猫咪身上时,他会重叠.当非正常退出时,会卡在原地 2.sudo apt-get install sl 大家看过火车但应该没有在终端中看到过吧 打了以上的命令并下载随后输入sl 你会看到一辆小火车从你的眼前飞驰而过 3.sudo apt-get install

微信群投票你造吗?[微信投票彩蛋]

我们知道微信公众平台图文消息中可以插入投票,并且微信投票功能升级为可多渠道发布投票,投票组件页面与图文消息编辑页都可新建投票,并通过群发.自定义菜单.自动回复等多渠道发出.但是你造吗?微信群也可以投票!WeChatInsider独家首次向大家曝光了这个隐藏已久的微信彩蛋. 微信群投票并非通过“摇一摇”这类插件,或在群功能中直接实现.而是像最开始的微信红包一样,通过一个公众号实现,这个公众号就是:微信投票(ID:votecn). 关注成功后可通过“微信投票”创建投票: 投票主题不超过25个汉字(不

Android动画特效第二弹——QQ聊天彩蛋蹦蹦哒

效果 在比较新的版本的手机QQ中,有许多的隐藏彩蛋.当我们发送一些特定关键字的时候,屏幕上回掉下一些到处乱蹦表情,比如输入么么哒.节日快乐这些字的时候,都会有不同的表情掉落,看上去灰常酷炫. 那么我们今天,就来简单的实现一下QQ彩蛋的效果.(效果很简单,只掉落一个表情,各位大神如果想要扩展的话 可以自己添加)效果图如下: 从上图中我们可以看到, 到我们输入特定关键字"me"的时候,屏幕上回掉下亲亲的表情:输入"ku"的时候,会掉下哭的表情.并且表情是从屏幕的最上方开

Android 之文件存储(文末有彩蛋)

1. I/O流分为 字节流 和 字符流. 字节流:InputStream.OutputStream(输入流.输出流) 字符流:Reader.Writer(输入流.输出流) 注:1 字符 = 2 字节 缓冲流:BufferedReader.BufferedWriter(缓冲输入.输出流) 2. 打开数据库:sqlite3: 3. 修改文件权限:chomd   例:chomd+ 777 +文件名 4. Android SQLite 判断数据库中的文件为空 //查询数据 public void que

开发随笔:界面、推荐逻辑优化(文末小彩蛋)

开发随笔,小结项目开发中的得与失,项目优化工作,用到了以下几个知识点,在这里和大家分享一下: 进展-界面.推荐逻辑优化: layout_margin.layout_height微调,对界面精雕细琢: android:layout_margin="2dp" 双指针优化,不能直接赋值,否则游标联动,大坑: Cursor cursor = db.query("Room", null, null, null, null, null, "name,time"

实现了一个百度首页的彩蛋——CSS3 Animation简介

在百度搜索中有这样一个彩蛋:搜索“旋转”,“跳跃”,“反转”等词语,会出现相应的动画效果(搜索“反转”后的效果).查看源码可以发现,这些效果正是通过CSS3的animation属性实现的. 实现这个彩蛋 简单来说可以分三步: 1.实现一些css动画类,等待调用: 2.设立关键字与动画匹配方法: 3.每当页面加载完成,根据关键字为body添加指定动画类. 查看DEMO:百度搜索彩蛋 CSS3 Animation animation: name duration timing-function de

Notepad++中的复活节彩蛋(easter egg)

Notepad++是windows下的一个强大的文本编辑器; 它免费,开源, 比windows自带的记事本强大百倍; 我自己的感觉: 1.打开超大的文本文件,比如100M大小的文本格式的数据,记事本会罢工,Notepad++毫无压力; 2.支持种类繁多的代码的scheme, 比某些收费软件支持的还好, 比如EditPad pro居然不支持matlab/octave脚本的; 3.编辑方面,块编辑和列编辑,是替代记事本的Editor几乎都要考虑的,比较了之后,发现Notepad++做得最好,胜过Ed

[深入浅出Windows 10]模拟实现微信的彩蛋动画

9.7 模拟实现微信的彩蛋动画 大家在玩微信的时候有没有发现节日的时候发一些节日问候语句如“情人节快乐”,这时候会出现很多爱心形状从屏幕上面飘落下来,我们这小节就是要模拟实现这样的一种动画效果.可能微信里面实现的动画效果都是采用固定的小图片来最为动画的对象,但是我们这小节要对该动画效果增加一些改进,也就是要实现的彩蛋动画的针对的图形形状是动态随机生成的,所以看到从屏幕上面飘落的图形都是形状不太一样的.下面来看一下如何实现星星飘落动画. 9.7.1 实现的思路 首先,我们来分析一下星星飘落动画的实

(转载)年终总结 & 算法数据的思考 & 结尾彩蛋

来自豆瓣 真心不错的好文章 原文链接 从前东家离职已经一个多月的时间了,在这一个月,前前后后也和几家公司做了技术交流,自己也第一次静下来这么久来思考总结.今年是我毕业的第五年,也正巧赶上年底,就把这些凑到一起写个小总结吧,也没有什么主题,没有主次,纯粹记录,想到哪儿写到哪儿. 1. 推荐系统 在最近的三四年时间里,我的主要工作就是搭建推荐系统,这几年来不说看了上千篇论文也有数百篇了,这种专注让我自认为在推荐系统领域至少处在一个业界相对领先的水准,但是也恰恰是这段经历让我被打上了深深的标签:他是一