专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > HTML/CSS

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

发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
(一)对百度前端技术学院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(varxinball) {

    console.info(x);

  }

友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

热门推荐: