去年做了一点IFE的题,今年跟人组队一起参赛,在这里写点笔记记录一下自己遇到的问题及学习心得,不定期更新。
不一定是自己做出来的,很多是队友的功劳,要向他们学习致敬~
补充:今年变成了个人赛....ORZ
热身篇:
现在刚开始报名,2月24号正式上线,有4道热身题。
step1找出下一关的地址:将页面进行全选或控制台element直接找,就发现隐藏的白色地址,问了队友才知道地址使用了base64加密,解密后才进入step2
step2找出‘窗’的高度:页面滚轮显示521,就直接手动调整窗口的高度到521px进入step3(还有别的方法,手动这个是最没技术含量的)
step3css移动字母到指定位置:position:absolute;left/top值慢慢调,其中涉及css3的transform:scale和rotate变换。
transform:scale(x,y);定义缩放,0.a或1.a表示缩小或放大,1表示不变,-1可以进行翻转
transform:rotate(angle);定义旋转,单位是deg,-30deg表示逆时针旋转
transform:scale(x,y) rotate(angle);两个都应用要空格分开写在同一个transform里,分开写后面会覆盖前面的
step4控制小球吃星星:鼠标点击会console出x,y的坐标值,这样利用提示来移动小球,小球ball的API可以利用提示猜出来,也能console出来
for(var x in ball) {
console.info(x);