騰訊前端突擊隊Ⅱ

時間 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);
}

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。