（一）對百度前端技術學院2017年春季的參賽學習筆記，2017年學習筆記

（一）對百度前端技術學院2017年春季的參賽學習筆記，2017年學習筆記

去年做了一點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)；

　　}