郑州宇泰信息技术有限公司返回旧站 付款方式 在线订单 网站报价 联系我们
news 行业动态
宇泰信息专注于中高端网站建设、网站设计、程序、软件开发以及FLASH多媒体制作。
Yu Tai info focusing on high-end website building, website design, programming, software development and flash production.

前端智勇大闯关题解
作者:管理员 来源:本站 浏览次数:2931 发布时间:2014-12-5 13:36:47

 秋高气爽的九月,当各位同学结束了欢乐的暑假回到校园开始新学期的学习生活之时,我们也开始了一年一度的校园招聘。今年有一点点不同,为了让校招更有趣一些,我们精心准备了几个有趣的在线闯关小题目。 这些题目主要面向目前还在学校并且对前端开发有兴趣的学生,因此,出题时主要有这么几个要求: 1、要与前端技术相关。因为我们的目标毕竟是未来的前端工程师。 2、不能涉及太深或太偏的专业知识。大多数在校生并没有丰富的前端开发经验,我们不能把考职业前端工程师的题目拿给在校生做。 3、适合用网页的方式展现。这个么…,不然我们肿么实现呢? 根据上面要求,我们搜罗准备了若干题目,最后选取了其中4题,也就是大家最后看到的那些题目。下面,让我们来一起看一看:   第一题     如上图所示,这一题是一个非常简洁的页面,通往下一题的答案就隐藏在页面上,答题者需要找出这个答案才能过关。 这一题非常简单,下一题的链接地址就在页面上,只不过颜色设成了和背景色相同的白色。本题至少有两种过关方法: 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次一定能找出问题小球,如果小球数量再多一些则至少要称几次?如果你对这些问题有过更深入的探索,并在面试时展示你的思考,那么一定会得到更多的加分。如果你是第一次看到这个题目,并且是自己完全独立地想出了解法,请一定告诉我们,我们继续深入交流! 四道题都答完之后,会到达恭喜过关的页面,答题者可以在这个页面上留下邮箱,参与赠书抽奖。我们一共准备了20本《JavaScript语言精粹》(修订版),获奖名单见淘宝UED的微博:http://e.weibo.com/1644956733/yBQQ7bH5j。 [...]