入门关

入门关我就不发了吧,手机锁屏,大家都懂的


第一关

step1

第一关的难点在于进到页面就是一片空白,如果无聊的同学在空白的位置拖动鼠标会发现 有一段文字,看来是把 color设置成了白色嘛,这个就简单了,F12控制台打开


输入 document.getElementsByClassName('text-panel')[0].innerHTML 就是了这段文字了
document.getElementsByClassName('text-panel')[0].innerHTML.trim() 出来是不是没有换行符和空格辣

仔细想想这个和答案有什么卵关系??

最后面的 == 好像在哪里看过

想起来了,是 base64 编码,这个我们 js 也有自带方法 atob(str)


atob(document.getElementsByClassName('text-panel')[0].innerHTML.trim())

解出来是这玩意


"#/BC67A083356C83594BCC57ED130D5A12567E4B"

貌似这就是我们要的答案了,复制粘贴,控制台跳转,随便你

控制台跳转代码:


window.locatin = "http://" window.location.host + window.location.pathname + atob(document.getElementsByClassName('text-panel')[0].innerHTML.trim())

注:网页内集成了 jquery 和 vue ,可以更简化上面代码


document.getElementsByClassName('text-panel')[0].innerHTML 换成 $('div.text-panel').text()


第二关

step2

第二关说要我们找到 '窗户' 的高度,我这里用的是 document.body.scrollHeight 找的是 body 的高度

选择每个转轴数字的 class (.n1 .n2 .n3)来调整数字,OK


原生就用 document.querySelector() ,jQuery 就用 $('')


第三关

step3


这关 css3 样式不用我用的 transformscale,rotateYrotateZ, 不知道 skew 有没有卵用

最后那个 E 很嫌人,反转旋转还不是对的,需要的是3d旋转,调整 Z 轴坐标

第四关

step4

过关方法,开始时调整小球球的位置,写下坐标,因为点击运行之后小球球手动不能移动了,别问为什么...

我这是写的很累赘了,直接吃到三颗星星通过的,代码写也很...

第二天我在贴吧里看到有 dalao 发现这个小球调用的 API 可以是回调函数,赶脚可以做的更简单了些




再编辑记录

现在时间是:北京时间 2017年2月16日 23:12:34编辑至第二关
现在时间是:北京时间 2017年2月26日 19:25:00继续开始编辑


标签: none

添加新评论

This page loaded in 0.000882 seconds