拼多多前端笔试题目-2018/8/30

62 阅读 0 评论 41 点赞

我是靠谱客的博主甜蜜红酒，这篇文章主要介绍拼多多前端笔试题目-2018/8/30，现在分享给大家，希望可以做个参考。

本次拼多多的监考力度加大了，弄了个小程序，手机扫描，然后得全程打开程序页面，否则判作弊。

但我还是想吐槽，我鼠标只不过不小心移到了谷歌浏览器搜索栏旁边的一个小按钮上就被记了一次。

题型：

一、选择题（34分）

二、简答题（主要是编程题，以简答题的形式作答）(66分)

下面题目详细内容。

一、选择题：

（1）考察时间复杂度计算：

题目具体记不清楚了。不过大概是两层for循环的计算。

（2）考察css :在标题前插入图像（利用before、after等属性）如在<h1>标题前</h1>

（3）关于作用域的问题。具体记不清了。

（4）下列哪个表达式会返回true.

A、'0' B、1+'0'===1 C、undefined D、1+‘0’ ===‘1’

（5）关于 && 和 || 的运算

（6）当表单上传文件时enctype应该设置为什么？

enctype有以下几种取值：

application/x-www-form-urlencoded在发送前编码所有字符（默认）（空格被编码为’+’，特殊字符被编码为ASCII十六进制字符）
multipart/form-data 不对字符编码。在使用包含文件上传控件的表单时，必须使用该值。
text/plain 空格转换为 “+” 加号，但不对特殊字符编码。

（7）考察的是JS中数组的长度及其特性（数组是可变的）

（8）‘5’+3 和‘5’-3的结果

（9）关于promise的用法：

复制代码

1
2
3
4
5
6
7
8
9
10
  const promise =new promise((resolve,reject)=>{
        console.log("a");
        resolve();
        console.log("b");
  });
      promise.then(()=>{

        console.log("c");
    })
     console.log("d");

(10)主要考察Math的相关方法，截取小数的整数部分的方法:Math.floor(): 即将小数向下取整。

（11）主要考察 typeof的用法：console.log(typeof null) :object

（12）考察变量作用域。

复制代码

1
2
3
4
5
var a="aaaa";
(function(){
    console.log(a);
    var a ="bbbb";
})();

输出的结果为 undefined.

（13）本题涉及到函数作用域、闭包、setTimeout()

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
for(var i=0;i<5;i++){
    setTimeout(function(){
        console.log(i);
    },1000);
}

//输出55555


for (var i = 0; i < 5; i++) {
    setTimeout(function(a) {
        console.log(a);
    }(i),1000);
}

//0.1.2.3.4.5

本题两个疑点：

1、延迟的时间同样为0，为何先执行下面的for循环呢？

答：函数后加（）表示是一个立即执行函数，在setTimeout函数执行调用时就被执行了，而不是等到定时器到点后被执行；而setTimeout(fn,0)并不是立即执行，只是表示下一次事件循环到达时可以马上执行
备注：setTimeout绑定的回调函数只是往Javascript的事件循环机制中注册了一个定时器，这个定时器只可能在当前事件循环的下一次事件循环中才有可能被执行。

2、为何循环1处的for循环输出结果都是5,循环2处的for循环是0,1,2，3，4，5呢？

因为在循环1处，var声明的变量提升了，作用于函数作用域，函数中变量i指向for之前处声明的变量，在for循环结束后i的值就是5，所以setTimeout执行时，其中的变量i值已经是5，为此输出结果均是5

（14）有关于margin-bottom:-5px 会有什么效果？

经验证：尚未发现有啥作用（欢迎指教）

（15）具体原理：

复制代码

1
2
3
4
5
6
7
8
var a={};
   var b={key:'b'};
   var c={key:'c'};
   a[b]=123;
   a[c]=456;
   console.log(a[b]);//456
   console.log(a[c]);//456
   console.log(a);//{'[object Object]':456}

（16）关于点击鼠标后的顺序

所有浏览器中，当用户通过鼠标操作触发 click 事件时，事件触发顺序:
1、MouseDown 事件
2、Focus 事件
3、MouseUp 事件
4、Click 事件

二、简答题（共七道题）

1、涉及到数组的push().unshift(),shift(),concat()等

复制代码

1
2
3
4
5
6
 var arr=[1,2,3,4];
 arr.push(1);
 arr.unshift(2);
 arr.shift();
var ss=arr.concat([1,2,3]);
console.log(ss);

2、输出字符串中所有排列的可能，如 var str="abc",输出“abc,acb,bac,bca,cab,cba”;

3、数据格式转化：

复制代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
var  obj1=[
{id:1,name:"a",parent:null},
{id:2,name:"b",parent:1},
{id:3,name:"c",parent:2}];

var  obj2={

           {id:1,

            name:"a",

            child:{

                 id:2,

                 name:"b",

                 child:{

                  id:3,

                  name:"c"
 
                   }

               }

            }
        }