百度前端技术学院--热身题

第一题:

这道题没什么可说的。。直接百度的方案。方案如下:

第二题(1)

  这道题一进来一片白。。第一反应就是f12一下,如下图,发现一段不和谐的字符

  数字,字母大小写,尤其是最后的两个等号,八九不离十就是base64编码,随便找个网站解码一下就好了,如果不想找网站的话python中也有函数可以编码解码,解码的答案我就不说了,自己试一下就知道了;

第二题(2):

  把第二题的url后面的一部分替换成新的字符串后,就进入了第三题的界面,进来的界面还挺好看,一个滚动的锁,看上方提示:

  要让我们找到窗的高度,第一反应,是某个盒模型的高度,并且把锁上的数字变成我们所找的数字,但是有个问题,这个锁并不能滚动,刚开始以为是浏览器兼容问题,换了浏览器也无济于事,然后想想,我是不是可以改一下css,万一他是通过获取css值触发某个监听事件呢。后听朋友说,可以试试window.innerHeight,然后就改了一下css值,就这样。。成功了

有个问题注意下,我第一次做的时候并不是这个值,我这次的窗口缩放了!!!希望你自己去找到这个值!!

第三题:

  终于不是脑筋急转弯了,和编程有关的题,也是这次主要想讲的东西,这道题用到了  left  top  transform属性,比较不熟悉的就是transform属性,

    第一个字母比较好处理,直接更改left,top就可以了

    第二个字母移动过去后发现大小对不上,刚开始通过调节background-size来控制大小,但是没想到这三个字母本身就是一张图,over。然后就找到了transform属性中的scale(),可以进行2D缩放,后经尝试。scale(1.2)差不多;

    第三个字母最复杂,刚开始以为只是简单的旋转,后来发现旋转过后并不能重合。原来这个图是镜像,后经查询,可以通过设置scaleX(-1)来获得镜像,在通过rotate进行旋转这些调试都是在控制台调试的,都重合上了以后也没有什么作用。。。看来必须在题目下面的框框里填上才可以。果然是这样。。

第四题:

   

最后这题,主要是探索api的用法。前两个数字,是小球坐标(小球坐标在控制台里找),后面的函数是指指令。除了turnRight以外还用turnLeft。这道题还有一个点,就是有两个星星是延时出现的,大神指点,还有一个wait()函数。。当然,这道题我是在没有耐心。。知道用法就停止了。。

好了,热身题就是这样了,等正规题放出来后再更新   

原文地址:https://www.cnblogs.com/aichihuamei/p/6410279.html