腾讯CodeStar代码星计划 ==> http://codestar.alloyteam.com/q2/
玩玩……参考了网上的题解
进入闯关后,按住ctrl
,向下滑动滚轮
,将网页缩到最小
,方便找宝箱,再按两次R键
,将速度调到最大
,这样坦克就跑得快。
Speed Level:1/3
开始闯关:
地图缩影:
共5个宝箱,答题之后,获取武器,炸开关卡。
共3个宝箱,貌似解开2个,就可以获取新武器,炸开关卡了
3个宝箱
这一关木有宝箱,使用4号武器,炸毁TNT……
4号武器是跟踪鼠标的跟踪弹,跑地图最上方发射导弹,当导弹到达拐角处的时候,鼠标下滑让它转弯,就可以炸掉TNT了
试了很多次……
最好按f减速,便于控制……
终于通关了
以下哪个js库是国产的?
A. jQuery
B. MochiKit
C. MooTools
D. JX
答案:D
在js数字类型中浮点数的最高精度多少位小数?
A. 15
B. 16
C. 17
D. 18
答案:C
需填空,不谢js,使之成为合理的url,协议跟主域一致
答案://
~~520.1314 等于什么?
A. -520.1314
B. 520
C. 0.1314
D. 520.1314
答案:B
以下那个缓存控制方法不会与server校验新鲜度?
A. Cache-Control: max-age=0
B. Cache-Control: no-cache
C. Cache-Control: no-store
D. Cache-Control: must-revalidate
答案:C
在正则表达式中,负向先行断言是?
A. !?)
B. (?!
C. =?)
D. (?=
答案:B
以下哪个css属性可能会引起移动端(如IOS7等)多行省略号( 利用text-overflow: ellipsis)的样式变异?
A. box-sizing: border-box;
B. word-break: break-all;
C. box-shadow: 1px 0 #fff;
D. text-align:justify;
E. transform: translate3d(0, 0, 0);
答案:D
Node.js的适用场景是?
A. 大循环、聊天、大数据
B. 高并发、聊天、实时推送
C. 高并发、聊天、大数据
D. 实时推送、多进程、大数据
答案:B
下面代码,若在同步执行的情况下,得到的结果是?
var countLen = 4;
while(countLen--){
(function(i){
setTimeout(function(){
alert(i);
},0);
})(countLen);
alert(countLen);
}
A. 32103201
B. 32102103
C. 32100123
D. 32103210
E. 32101023
答案:D
从性能上看,以下哪个效率最低?
A. 使用常量
B. 使用变量
C. 访问数组元素
D. 访问对象属性
答案:D
下列哪个移动端属性可以禁止用户选中文字
A. -webkit-touch-callout:none
B. -webkit-user-select: none
C. -webkit-text-size-adjust: none
D. -webkit-transform: rotateX(100deg)
E. -webkit-appearance: none
答案:B
下面关于进程跟线程的描述哪个正确?
A. 一个线程只有一个进程
B. 一个进程只有一个线程
C. 一个进程可以有多个线程
D. 一个线程可以有多个进程
答案:C
在IOS中大于(不等于)哪个系统版本开始支持position:fixed?A. 3.2B. 4.2C. 4.3D. 5.0
答案:C
[]==[] 返回什么?
A. true
B. false
C. error
D. 0
答案:B
请填入正确的CSS使容器相对父元素垂直水平居中定位(父容器及子元素大小不确定)
答案:
.child{
margin:auto;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
请填入正确的CSS使子元素2宽度自适应填满整行,父元素及子元素1宽度不确定
答案(窗口缩放保持100%):
.parent{
display: flex;
}
.child1{
flex: 1;
}
.child2{
flex: 1;
}
请补全代码使得输入框在iPhone浏览器上能够呼起图示的键盘
吃了太多啤酒与炸鸡,产品MM肚子疼得不行,需求根本交不了差,怎么办?
来自星星的前端特工,你,只能尝试用超能力停止时间了!
据说,当创造出的时间等于地球时间时,就会代替地球时间流逝,使时间静止…
答案:
按下F12,打开开发者工具,在Console面板输入下面代码然后Enter:
setInterval(function(){
document.getElementById('puzzleFrame').contentWindow.document.getElementById('power').value = document.getElementById('puzzleFrame').contentWindow.document.getElementById('now').innerHTML
}, 1000);
下面是在Android 4.0+设备上Wi-fi网络下以"Transfer-Encoding:chunked"方式返回的页面[HTML5 Navigation timing](http://www.w3.org/TR/navigation-timing/) 上报数据图,我们修改了其中一项数据的延时,试找出这项被修改的非正常数据:
测速点上报量延时慢速用户占比
A. unloadEventStart6600.7116214.55%
B. unloadEventEnd6600.7116364.55%
C. redirectStart0--
D. redirectEnd0--
E. fetchStart1500500.00279225-
F. domainLookupStart1536400.00320123-
G. domainLookupEnd1536400.007041660.03%
H. connectStart1536400.007041660.03%
I. connectEnd1536400.008852840.03%
J. requestStart1537000.008865710.03%
K. responseStart1537000.017960.04%
L. responseEnd13146800.8258542.86%
M. domLoading13147101.2166282.6%
N. domInteractive13145301.77285.71%
O. domContentLoadedEventStart13145301.772835.71%
P. domContentLoadedEventEnd13145301.772845.71%
Q. domComplete10112401.688193.95%
R. loadEventStart10112401.688483.95%
S. loadEventEnd10112401.688483.95%
答案:M
请完成如下所示 loading效果:
请在下面空格处补齐代码:输入必要的css:
答案:
.container,#content,.ring{
border-radius: 50%;
}
#cspan {
-webkit-animation: fade 1s linear infinite;
}
@-webkit-keyframes fade {
from {
opacity:1;
} 50% {
opacity:0;
} to {
opacity:1;
}
}
.ring {
-webkit-animation: rotate 1s linear infinite;
}
@-webkit-keyframes rotate {
0 {
-webkit-transform:rotate(0);
} 100% {
-webkit-transform:rotate(360deg);
}
}
请帮助高叉魔王-金馆长操练一排整齐的高叉战(bian)士(tai)
按下F12,打开开发者工具,在Console面板输入下面代码然后Enter:
var answers = {
naughty1: "naughty1.playTo('gaocha',30,15,true).setPos(880,300).synchto(referObj);",
naughty2: "naughty2.playTo('gaocha',30,15,true).setPos(80,540).setReverse(false).synchto(referObj)",
naughty3: "naughty3.playTo('gaocha',30,15,true).setPos(240,540).synchto(referObj)"
}
window.parent.postMessage({
type : 'checkAnswer',
data : {
answer:answers
}
}, '*');
腐蚀的画
1.一个漂亮的画作在经过几千年岁月的洗礼下,部分地方已经被腐蚀了,像一个孤独的老人,满脸爬满了皱纹.
2.但在一个晚上,老王突然发现,这些腐蚀的部分中,隐藏着岁月留下的密秘。请你帮助老王寻找这些秘密。
寻找过程
Step1: 拿到图像数据
请使用canvas操作将图片绘制到canvas上,canvas宽高要和图片一致(drawImage方法)
然后通过canvas API拿到图片的像素数据(getImageData)
图像的每个点由四个信息组成,分别是代表RGBA,比如rgba(24,23,122,11) 代表一个颜色点
成功帮老王拿到图像的数据了,这些大量的数据,一时让老王不知所措,面对如此大规模的数据,做为前端开发的老王从来没有遇到过,请继续帮助他找到这里隐藏的秘密吧
Step2: 像计算机一样阅读
在计算机的世界里,只有0和1。。。
对rgb的四个信息,想办法让它变成0和1,这样计算机就可以阅读了,注意:跳过A中的信息,即第四个通道Alpha中没有隐藏数据
现在,老王拿到了大量的0101数据,这些01010数据又分别代表什么呢?是不是计算机直接可以阅读呢,可是我看不到
Step3: 变成ASCII字符
将上面的01数据8位截取变成ASCII字符
变成了ASCII字符的数据让老王变得更加难堪,很多看不懂的字符
突然,老王发现这些数据中隐藏了AlloyImage几个字,难道这就是隐藏的秘密?
显然没有这么简单,老王在试了无数次之后,发现原来这是数据的结束符标记,AlloyImage前面的数据才是真正的数据
请截取AlloyImag前面的ASCII字符
老王拿到ASCII字符,实际上它们的二进制码就是计算机可以阅读的数据了,可是我们人类还是看不到,怎么办?
Step4: 转成base64数据
请将上面的数据转成base64字符
老王终于拿到了这些数据的base64字符,但要怎么把它们显示出来呢?
请继续帮助老王完成后面的操作。。。
终于,老王发现它是另外一张热辣的图片,上面还有一些红红的字,老王砰砰跳的心久久不能平静。。。
请输入上面图片中隐藏的红字____
答案:
将图片下载到本地,运行一下html文件
替换代码中的图片名称"tencent.png"为你的图片
腐蚀的画答案获取器
(先生成后获取)
由于canvas的跨域问题,在windows下没有运行成功(还有编码问题),在ubuntu下可以成功
该题可以参考这篇博客 http://www.tuicool.com/articles/7zY73iA
作者发现腐蚀的画涉及到的图片有4张,我发现还有0.png,具体如下:
http://codestar.alloyteam.com/q2/puzzle/4/0.png
http://codestar.alloyteam.com/q2/puzzle/4/1.png
http://codestar.alloyteam.com/q2/puzzle/4/2.png
http://codestar.alloyteam.com/q2/puzzle/4/3.png
http://codestar.alloyteam.com/q2/puzzle/4/4.png
5副画对应的解密图片及红字密码为:
alloydesigner
givemeoffer
iPresst(怎么还有广告?……那就打打广告吧http://www.ipresst.com/ 顺便说说这个http://prezi.com/)
PowerfulJs
workwithdorsy
感谢以下博客:
http://www.cnblogs.com/ich1990/p/3635185.html
http://www.yuxiaoxi.com/2014-04-01-tencent-code-star-q2.html
http://www.tuicool.com/articles/7zY73iA