来自淘宝UED的web前端闯关题

2013-11-05阅读(4697)评论(0)牵着狗狗看MM

苏州实时公交查询

http://ued.taobao.org/quiz/

这些题目主要面向目前还在学校并且对前端开发有兴趣的学生

第一题
d1fbe265d03efc07ef8ec8e89b31786b

如上图所示,这一题是一个非常简洁的页面,通往下一题的答案就隐藏在页面上,答题者需要找出这个答案才能过关。

这一题非常简单,下一题的链接地址就在页面上,只不过颜色设成了和背景色相同的白色。本题至少有两种过关方法:

1、Ctrl + A 全选,下一题的链接立刻会出现在页面上;
2、右键查看源代码,从源代码中找到下一题的链接。

第二题

在浏览器地址栏输入上一题中得到的URL后即可来到第二题。这是一道JavaScript题目,页面上的文本框中是一段JavaScript代码,如下所示:

a=”hostname,test,value,input,getElementsByTagName,nextQuiz,23805,http,protocol,location,reverse,join,split,w2YGM7SQfaw5COflt27X2GnISjZ?/ziuq/moc.oaboat.deu//:ptth,GET,…”.split(“,”);this[a[5]]=a[13][a[12]](“”)[a[10]]()[a[11]](“”);0;

其中混杂着很多无关的字符,看起来似乎有一点复杂,但如果有一定JavaScript基础的话,还是能看出来这段代码的含义。

本题也至少有两种解法:

1、看懂这段JavaScript,从它的运算过程中找到下一题链接;
2、直接把这段代码拷到Chrome等浏览器的命令行界面运行一下。当然,这儿我们设置了一个小障碍,你需要把最后的那个“0”去掉才能得到正确的地址。

第三题

第三题是一道CSS题,要求填写一段CSS代码,把图钉移到气球上。如果填写正确,气球会被扎破,并出现下一题的地址。

这题有很多种写法,比如:

position: absolute;
top: 50px;
left: 450px;

也可以使用外边距,比如:

margin-top: 50px;
margin-left: 450px;

第四题

前面几题都是与网页操作或前端技术相关的,最后这一题则是一道经典的智力题。题目是这样的:

有 12 个小球,其中一个的质量与众不同,不知道它是偏轻还是偏重。请使用天秤找出这个小球,并指出它是偏轻还是偏重。最多只能称3次。

答题者可以将上面的小球拖到天平托盘上方的矩形区域,放好之后点下面的“称一下”按钮,天平就会显示哪边重(或者一样重)。

这道题在网络上其实流传挺广的,如果你之前看到过或者在网络上搜一下,大概会使用标准流程来解答,限于篇幅,具体解法这儿就不写了,有兴趣的同学可以看这儿。当然,由于小球的质量数据完全是用客户端的JavaScript生成的,如果你耐心地研究一下这道题的JavaScript源码,也可以使用更“前端”的方法来得到答案。

找出质量不同的小球之后就可以顺利过关了。不过,如果你能再深入思考一下,比如为什么称3次一定能找出问题小球,如果小球数量再多一些则至少要称几次?如果你对这些问题有过更深入的探索,并在面试时展示你的思考,那么一定会得到更多的加分。

赞(0) 打赏
转载请注明来源:Web前端(W3Cways.com) - Web前端学习之路 » 来自淘宝UED的web前端闯关题
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏