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

2018-06-24 00:58:15来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

去年做了一点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);

  }

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:使用 position:sticky 实现粘性布局

下一篇:HTML中三种定位relative,absolute,fixed后,盒子的百分比宽度及位