（一）对百度前端技术学院2017年春季的参赛学习笔记

标签：top   手动   问题   abs   info   transform   前端技术   高度   form   

去年做了一点IFE的题，今年跟人组队一起参赛，在这里写点笔记记录一下自己遇到的问题及学习心得，不定期更新。

不一定是自己做出来的，很多是队友的功劳，要向他们学习致敬~

热身篇：

现在刚开始报名，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)；

（一）对百度前端技术学院2017年春季的参赛学习笔记

标签：top   手动   问题   abs   info   transform   前端技术   高度   form   

原文地址：http://www.cnblogs.com/kino156/p/6405841.html