2017年百度前端技术学院热身任务

2017.2.16 | 2,492阅读 | 0条评论 | 技术笔记

今年的百度前端技术学院开始了w,

要报名的可以前往 http://ife.baidu.com/ 进行报名,这里写出我自己的攻略,目前只有热身任务

第0关：

这是一个很经典的1笔画问题,小学时期都能听到w
一般听到的版本是《如何用1笔画4条直线连9点》

只要不超过4条直线就OK,下面提供两种解法w

第1关：

直接打开F12

看到一串base64编码后的文本,不多说直接atob解密之，找到下一关地址

第2关:

提示已经够明显了,把浏览器窗口高度调为521px,进入下一关……

第3关:

这里考察了基本的CSS基本知识,挪位置,放缩,翻转,旋转随便调调……

.letter-i {
    margin-left: 560px;
    margin-top: -191px;
}
 
.letter-if {
    margin-left: 571px;
    margin-top: -99px;
    transform: scale(1.19);
}
 
.letter-e {
    margin-left: 560px;
    margin-top: -192px;
    transform: scaleX(-1) rotate(20deg);
}

过关w

第4关:

就是代码版的……呃……不知到什么游戏……
往图上点会在console提示xy值,
走一两步后会出现3个隐藏星星

就是这两个……

总之先拿低保3个星星w,我规划的路线是这样的

ball.at(75,45,ball => ball.turnRight());
ball.at(75,123,ball => ball.turnLeft());
ball.at(122,123,ball => ball.turnRight());
ball.at(122,236,ball => ball.turnLeft());
ball.at(221,234,ball => ball.turnLeft());
ball.at(221,128,ball => ball.turnRight());
ball.at(266,130,ball => ball.turnLeft());
ball.at(266,45,ball => ball.turnRight());
ball.at(364,45,ball => ball.turnRight());
ball.at(364,184,ball => ball.turnLeft());
ball.at(571,184,ball => ball.turnRight());
ball.at(571,472,ball => ball.turnLeft());

然后就完成了w

下面是拿全星星代码……

ball.at(0, 45, ball => ball.wait(1700));
ball.at(75, 45, ball => ball.turnRight());
ball.at(75, 123, ball => ball.turnLeft());
ball.at(265, 123, ball => ball.turnLeft());
ball.at(265, 45, ball => ball.turnRight());
ball.at(320, 45, ball => ball.turnBack());
ball.at(170, 45, ball => ball.turnLeft());
ball.at(170, 138, ball => ball.turnLeft());
ball.at(220, 138, ball => ball.turnRight());
ball.at(220, 235, ball => ball.turnRight());
ball.at(85, 235, ball => ball.turnLeft());
ball.at(85, 365, ball => ball.turnRight());
ball.at(15, 365, ball => ball.turnBack());
ball.at(170, 365, ball => ball.turnRight());
ball.at(170, 465, ball => ball.turnRight());
ball.at(15, 465, ball => ball.turnBack());
ball.at(365, 465, ball => ball.turnLeft());
ball.at(365, 100, ball => ball.turnRight());
ball.at(465, 100, ball => ball.turnLeft());
ball.at(465, 15, ball => ball.turnRight());
ball.at(545, 15, ball => ball.turnRight());
ball.at(545, 100, ball => ball.turnLeft());
ball.at(620, 100, ball => ball.turnRight());
ball.at(620, 180, ball => ball.turnRight());
ball.at(575, 180, ball => ball.turnLeft());
ball.at(575, 475, ball => ball.turnLeft());

おわり、下次见w