首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

腾讯前端间谍通关攻略

2013-11-02 
腾讯前端特工通关攻略?第二关:企鹅的老脸这一关麻烦一点,左边的圆角相对好一点,右边的基础知识点是用CSS画

腾讯前端特工通关攻略

?

第二关:企鹅的老脸

这一关麻烦一点,左边的圆角相对好一点,右边的基础知识点是用CSS画三角形,本来我的旋转和边框颜色都没问题,就是旋转原点没用过是Google出来的,但是值一直都不对,然后发现Console里面提示“CSS3企鹅”,呵呵,Google一下轻松搞定!

左边:


?

第三关:坦克大战

唉,我只能说世界太奇妙,看到这一关的时候我感动得都快哭了!去年公司内部组织了一次的黑客竞赛,主题就是腾讯前端团队的坦克大战,我心爱的坦克Tony Stark莫名其妙地倒在了初赛的赛场上,让我好生郁闷。之后我都差不多忘了他了,没想到在这里焕发第二春,废话不多说,祭出我的撒手锏,我的Tony毫发无伤,谈笑间对手灰飞烟灭,过关!钢铁侠内部构造如下:

?

?

第四关:三重门

这一关就像在考试一样,不过还是一些基础知识,直接贴答案吧。

第一题:
腾讯前端间谍通关攻略
?第二题:


腾讯前端间谍通关攻略
?第三题:


腾讯前端间谍通关攻略
?

第五关:金字塔迷宫

这一关的意思其实就是哪一条路径的数组加在一起和最大,求解!昨天晚上我就这道题没玩过,到十点多太困就睡了,今天上班把手头上的事情处理完之后继续看这个问题,它的解决思路首先要明确就是分治法,每一个元素到达底层的最大值就是它自身的值加上左右子节点到达底层最大值中的较大者。


腾讯前端间谍通关攻略
?

方便起见,首先引入jQuery,打开Chrome的Console,输入:

?上面的代码会给11层往上的每一个元素添加背景颜色,红色代表该元素想左边走到底层的值最大,蓝色代表向右边走值最大,所以最后的效果如下:
腾讯前端间谍通关攻略
?代码不太好看,有点quick-and-dirty,不过效果已经达到了,而且貌似每次的数字都会变化哦。

?

至此腾讯闯关第一季结束!收工!

1 楼 自由自在o8o2 2013-10-30   厉害厉害 2 楼 yu499819 昨天   2-1的答案,不够兼容,与W3C的标准不一样。更兼容的是border-radius: 50%;

热点排行