腾讯CodeStar前端突击队第二季答案

2014-04-08阅读(6699)评论(2)牵着狗狗看MM

苏州实时公交查询

腾讯前端突击队第二季闯关地址:http://codestar.alloyteam.com/q2/
进入闯关后,按住ctrl,向下滑动滚轮,将网页缩到最小,方便找宝箱,再按两次R键,将速度调到最大,这样坦克就跑得快。
下面附上答案:

在正则表达式中,负向先行断言是?(B)
A. !?)
B. (?!
C. =?)
D. (?=

以下哪个css属性可能会引起移动端(如IOS7等)多行省略号( 利用text-overflow: ellipsis)的样式变异?(D)
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);

Node.js的适用场景是?(B)
A. 大循环、聊天、大数据
B. 高并发、聊天、实时推送
C. 高并发、聊天、大数据
D. 实时推送、多进程、大数据

以下哪个js库是国产的? (D)
A. jQuery
B. MochiKit
C. MooTools
D. JX

在js数字类型中浮点数的最高精度多少位小数?(C)
A. 15
B. 16
C. 17
D. 18

下面关于进程跟线程的描述哪个正确?(C)
A. 一个线程只有一个进程
B. 一个进程只有一个线程
C. 一个进程可以有多个线程
D. 一个线程可以有多个进程

在IOS中大于(不等于)哪个系统版本开始支持position:fixed?(C)
A. 3.2
B. 4.2
C. 4.3
D. 5.0

[]==[] 返回什么?(B)
A. true
B. false
C. error
D. 0

下列哪个移动端属性可以禁止用户选中文字(B)
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

下面代码,若在同步执行的情况下,得到的结果是?(D)

[js]var countLen = 4;
while(countLen–){
(function(i){
setTimeout(function(){
alert(i);
},0);
})(countLen);
alert(countLen);
}
[/js]

A. 32103201
B. 32102103
C. 32100123
D. 32103210
E. 32101023

从性能上看,以下哪个效率最低?(D)
A. 使用常量
B. 使用变量
C. 访问数组元素
D. 访问对象属性

~~520.1314 等于什么?(B)
A. -520.1314
B. 520
C. 0.1314
D. 520.1314

以下那个缓存控制方法不会与server校验新鲜度?(C)
A. Cache-Control: max-age=0
B. Cache-Control: no-cache
C. Cache-Control: no-store
D. Cache-Control: must-revalidate

请填入正确的CSS使子元素2宽度自适应填满整行,父元素及子元素1宽度不确定(答这题时请讲窗口缩放100%)

[css].child{
}
.parent{
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;
}

[/css]

请填入正确的CSS使容器相对父元素垂直水平居中定位(父容器及子元素大小不确定)

[html].container,#content,.ring{
border-radius: 50%;
}
#cspan {
-webkit-animation: fade 1s linear infinite;
}
@-webkit-keyframes fade {
from {
opacity: 0;
} 50% {
opacity: 1;
} to {
opacity: 0;
}
}
.ring {
-webkit-animation: rotate 1s linear infinite;
}
@-webkit-keyframes rotate {
0 {
transform: rotate(0deg);
} 100% {
transform: rotate(360deg);
}
}
[/html]

吃了太多啤酒与炸鸡,产品MM肚子疼得不行,需求根本交不了差,怎么办?来自星星的前端特工,你,只能尝试用超能力停止时间了!据说,当创造出的时间等于地球时间时,就会代替地球时间流逝,使时间静止…

[js]setInterval(function(){
document.getElementById(‘puzzleFrame’).contentWindow.document.getElementById(‘power’).value = document.getElementById(‘puzzleFrame’).contentWindow.document.getElementById(‘now’).innerHTML
}, 1000);
[/js]

下面是在Android 4.0+设备上Wi-fi网络下以”Transfer-Encoding:chunked”方式返回的页面HTML5 Navigation timing 上报数据图,我们修改了其中一项数据的延时,试找出这项被修改的非正常数据:

**测速点上报量延时慢速用户占比 ** ( M )

A. unloadEventStart 660 0.711621 4.55%
B. unloadEventEnd 660 0.711636 4.55%
C. redirectStart 0- –
D. redirectEnd 0- –
E. fetchStart 150050 0.00279225 –
F. domainLookupStart 153640 0.00320123 –
G. domainLookupEnd 153640 0.00704166 0.03%
H. connectStart 153640 0.00704166 0.03%
I. connectEnd 153640 0.00885284 0.03%
J. requestStart 153700 0.00886571 0.03%
K. responseStart 153700 0.01796 0.04%
L. responseEnd 1314680 0.825854 2.86%
M. domLoading 1314710 1.216628 2.6%
N. domInteractive 1314530 1.7728 5.71%
O. domContentLoadedEventStart 1314530 1.77283 5.71%
P. domContentLoadedEventEnd 1314530 1.77284 5.71%
Q. domComplete 1011240 1.68819 3.95%
R. loadEventStart 1011240 1.68848 3.95%
S. loadEventEnd 1011240 1.68848 3.95%

火柴人动画

[js]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
}
}, ‘*’);
[/js]

腐蚀画
PowerfulJs(答案请自己跑一边自己所得到的图片,结果不为一)

[html]<!DOCTYPE html>
<html>
  <head>
    <title></title>
  </head>
  <body>
    <canvas id="c" width="400" height="250"></canvas>
    <br>
    <button onclick="draw();">DRAW</button>
    <button onclick="getRGB();">GETDATA</button>
    <br>
    <img id="img">
  </body>
  <script src="test.js"></script>
</html>
[/html]

[js]var canvas = document.getElementById(‘c’);
var cxt = canvas.getContext("2d");

function draw() {
var img = new Image();
img.onload = function () {
cxt.drawImage(img, 0, 0);
}
img.src = ‘你的图片地址,注意跨域问题!’;
}

function getRGB() {
var imgData = cxt.getImageData(0, 0, 400, 250);
var rgbList = ”;
for (var i = 0; i &lt; imgData.data.length; i++) {
if (i % 4 != 3) {
var d = imgData.data[i];
d = (d &gt; 127) ? 1 : 0;
rgbList += d;
}
}
clearData(rgbList);
}

function clearData(rgbList) {
var codeList = ”;
for (var i = 0; i &lt; rgbList.length; i += 8) {
var binary = rgbList.substr(i, 8);
var asciiCode = parseInt(binary, 2);
var stringCode = String.fromCharCode(asciiCode);
codeList += stringCode;
}
document.getElementById(‘console’).innerHTML = codeList;
document.getElementById(‘img’).src = ‘data:image/png;base64,’ + window.btoa(codeList);
}
[/js]

腾讯CodeStar前端突击队第一季:http://www.w3cways.com/394.html进入

赞(0) 打赏
转载请注明来源:Web前端(W3Cways.com) - Web前端学习之路 » 腾讯CodeStar前端突击队第二季答案
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏