首页 > 代码库 > (一)对百度前端技术学院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);

  }

 

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