腾讯前端突击队Ⅱ

时间 2019-11-17

标签腾讯前端突击队栏目腾讯繁體版

原文原文链接

刷了下腾讯的前端突击队题目，把答案总结下（不惟一）。

css

如下哪一个js库是国产的？(D)html

A. jQuery
B. MochiKit
C. MooTools
D. JX前端

在js数字类型中浮点数的最高精度多少位小数？(C)web

A. 15
B. 16
C. 17
D. 18正则表达式

下面关于进程跟线程的描述哪一个正确？ (C)canvas

A. 一个线程只有一个进程
B. 一个进程只有一个线程
C. 一个进程能够有多个线程
D. 一个线程能够有多个进程跨域

在IOS中大于(不等于)哪一个系统版本开始支持position:fixed？(C)数组

A. 3.2
B. 4.2
C. 4.3
D. 5.0 网络

[]==[] 返回什么？ (B)app

A. true
B. false
C. error
D. 0

在正则表达式中，负向先行断言是？(B)

A. !?)
B. (?!
C. =?)
D. (?=

下列哪一个移动端属性能够禁止用户选中文字 (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

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

请填入正确的CSS使子元素2宽度自适应填满整行，父元素及子元素1宽度不肯定

1 .parent{
2 　　display: flex;
3 }
4 .child1{ 
5 　　flex: 1;
6 }
7 .child2{ 
8 　　flex: 1;
9 }

下面代码，若在同步执行的状况下，获得的结果是? (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. 访问对象属性
请填入正确的CSS使容器相对父元素垂直水平居中定位(父容器及子元素大小不肯定)

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

请完成以下所示 loading效果: 请在下面空格处补齐代码:输入必要的css:

.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); 
　　}
}

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

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 上报数据图，咱们修改了其中一项数据的延时，试找出这项被修改的非正常数据：

**测速点上报量延时慢速用户占比 ** ( 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%

火柴人动画

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
　　} 
}, '*');

腐蚀画

PowerfulJs（答案请本身跑一边本身所获得的图片，结果不为一）

<!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>

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 < 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 = codeList;
    document.getElementById('img').src = 'data:image/png;base64,' + window.btoa(codeList);
}