豌豆荚前端工程师培训夏令营开班了,有兴趣的同学可以去报名参加(貌似只针对学生)
报名入口:http://www.wandoujia.com/fe-camp/
Step:1
我们直接跳到第一步:如图
这题比较简单,直接ctrl+a找出题目下方第二步入口,也可以查看源代码,找到
[html]<a href="/fe-camp/puzzle/key/step2">下一题</a>
[/html]
入口
Step:2
好了,到第二步了。如图
这题要你找出表单需要的密码
依旧查看源代码。。
找到注释部分
[html]<!– The key is: fkUIMbtM34R-Yb4WBvshSRB2 –>
[/html]
输入密码进入下一步。
Step:3
这题解法也比较简单,查看源代码,没有找想要的东西。
再打开CHROME工具栏的,Network找下
发现目标:
如上图,找到当前链接的对应的请求(304 Not Modified ,不知道的同学去百度恶补下吧)
点击进去,找到第四步入口
Step:4
进入第4步,如图:
这题也比较简单,开发者工具,查看黄色方块的父层#box-left CSS,要重合还不简单,直接把黄色方块层#yellow-box,跟父层写一样不就可以了,代码如下:
[html]width:200px;
height:200px;
margin:0px //清除自身的margin值
[/html]
Done!!