• 腾讯前端突击队Ⅱ


    刷了下腾讯的前端突击队题目,把答案总结下(不唯一)。

    以下哪个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. !?)
    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);
    }
  • 相关阅读:
    初识ABP vNext(8):ABP特征管理
    初识ABP vNext(7):vue身份认证管理&租户管理
    初识ABP vNext(6):vue+ABP实现国际化
    初识ABP vNext(5):ABP扩展实体
    初识ABP vNext(4):vue用户登录&菜单权限
    【Flutter 混合开发】嵌入原生View-iOS
    【Flutter 混合开发】嵌入原生View-Android
    使用Flutter完成10个商业项目后的经验教训
    谷歌发布Flutter Alpha:支持Windows
    【Flutter 实战】大量复杂数据持久化
  • 原文地址:https://www.cnblogs.com/ich1990/p/3635185.html
Copyright © 2020-2023  润新知