这篇文章距离上次修改已过半年,其中的信息可能已经有所发展或是发生改变。

转换为语音并朗读全文 00:00 / 00:00

20140328180325

腾讯CodeStar第二季已经粗来了,这一季对麦葱来说有难度啊!挂了好多次!最后卡在腐蚀的画和操练高叉团队上了....

不过感谢 这位大神的解答 ,麦葱总算闯关成功了!

腾讯前端突击队闯关地址:http://codestar.alloyteam.com/q2/

麦葱想了想,作为一个不入流的前端er,好多都还不会,遇到这些题,真是....捉急!必须多多学习啊!

腾讯前端突击队已经出来好些天了,肯定很多大神都通关了,今天是愚人节,麦葱将遇到的题和答案贴出来供大家参考参考!

GO!

进入闯关后,按住ctrl,向下滑动滚轮,将网页缩到最小,方便找宝箱,再按两次R键,将速度调到最大,这样坦克就跑得快。

温馨提示:请使用现在浏览器答题,推荐使用新版chrome和firefox浏览器,禁用IE678!

寻宝箱路线:

20140401111925650

进入闯关后左边树丛中有一个宝箱;

20140401112123083

然后往上走 院子里有一个宝箱;

20140401112426691

出院子沿右侧往上过河 树丛里有一个宝箱;

20140401112540245

继续往上,树丛里有一个宝箱;

20140401113148454

仍然继续往上,在右上角有一个宝箱;

答对这5道题可以使用2号武器了;

20140401113446007

往左下走,打碎那里的路障;

20140401113620315

往左过河后的院子里有一个宝箱;

20140401113812210

继续往上,靠左的树丛里有一个宝箱 右上面河边有一个宝箱;

答对这3道题可以使用3号武器了;

20140401114441086

轰掉路障继续前进,往上过河后的树丛里有一个宝箱,沿右侧行进,树丛边有一个宝箱;

20140401114809199

过小桥最右边有一个宝箱;

答对这3道题可以使用4号武器了;

20140401115012424

4号武器是跟踪鼠标的跟踪弹,跑地图最上方发射导弹,当导弹到达拐角处的时候,鼠标下滑让它转弯,就可以炸掉TNT了;

20140401115415100

炸掉TNT后,现在就是闯关成功了!

下面是答案:

在正则表达式中,负向先行断言是?(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)
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. 访问对象属性

~~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%)

.parent{
display: flex;
}
.child1{
flex: 1;
}
.child2{
flex: 1;
}

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

.child{
margin:auto;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}

<a href="[需填空,不写js,使之成为合理的url,协议跟主域一致]a.xxx.com" ></a>(//)

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

按下F12,打开开发者工具,在Console面板输入下面代码然后Enter:

setInterval(function(){
document.getElementById('puzzleFrame').contentWindow.document.getElementById('power').value = document.getElementById('puzzleFrame').contentWindow.document.getElementById('now').innerHTML
}, 1000);

请补全代码使得输入框在iPhone浏览器上能够呼起图示的键盘
Search:search
前往:email
数字:tel
GO:url

请完成如下所示 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
}
}, '*');

腐蚀的画

替换代码中图片地址并运行

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>腐蚀的画答案获取器</title>
</head>
<body>
<canvas id="c" width="400" height="250"></canvas>
<button onclick="draw();">生成</button><button onclick="getRGB();">获取</button>(先生成后获取)
<br>
<img id="img">
<p id="console"></p>
<script>
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 = '2.png'; /* 你的图片地址,注意跨域问题! */
}

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

function clearData(rgbList) {
var codeList = '';
for (var i = 0; i < 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 = "<p>ASCII字符:</p>" + codeList;
document.getElementById('img').src = 'data:image/png;base64,' + window.btoa(codeList);
}
</script>
</body>
</html>

下面是在Android 4.0+设备上Wi-fi网络下以"Transfer-Encoding:chunked"方式返回的页面[HTML5 Navigation timing](http://www.w3.org/TR/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%

 

20140401115437867

恭喜你!你通关了!好棒!你好厉害!

20140401115516669

20140401115531964

20140401115542252

话说什么是福利?

带符号 * 的表示必填项
  1. ykjm
    ykjm

    福利是什么?腐蚀的画不知道是不是本机不支持html5,做不出来 :???:

    回复
  2. […] 游戏攻略:第一季 第二季 […]

    回复
  3. […] 审核元素开启游戏:WEBQQ CodeStar代码星计划第一季:前端 特工 CodeStar代码星计划第二季:前端突击队 腾讯技术嘉年华:开始游戏 游戏攻略:第一季 第二季 […]

    回复
  4. […] 审核元素开启游戏:WEBQQ CodeStar代码星计划第一季:前端 特工 CodeStar代码星计划第二季:前端突击队 腾讯技术嘉年华:开始游戏 游戏攻略:第一季 第二季 […]

    回复
  5. tyt叮当tyt
    tyt叮当tyt

    涉及面有点广,它这种是完全前台的,还单独对图片编码处理,用得太细了,有的方法平时都没用到,css的效果也用得很细,平时不用一般做不出来。

    回复
  6. 大发
    大发

    福利就是绿色通道啊~

    回复
  7. yoyodeng
    yoyodeng

    粗略的看了下,表示只会这个:一个进程有多个线程。计算机学院的桑不起

    回复
  8. 高耳鸡
    高耳鸡

    福利是腾讯云吧

    回复