zoukankan      html  css  js  c++  java
  • (一)对百度前端技术学院2017年春季的参赛学习笔记

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

      }
  • 相关阅读:
    Go语言学习之1 基本概念、环境搭建、第一个Go程序
    go环境搭建
    go 圣经阅读笔记之-入门
    RabbitMQ
    图片选择并使用base64展示
    关于c# hashtable的一个注意点
    js image to base64 摘录
    linq to sql 获取sql与参数添加到日志中
    时钟的实现
    无限级菜单的实现
  • 原文地址:https://www.cnblogs.com/kino156/p/6405841.html
Copyright © 2011-2022 走看看