2018美图前端笔试题

2018美图前端笔试题

一、选择题

1、（多选题）以下选项，哪几个返回true？（）

A.  typeof[] == "array"

B.  !!(0 == undefined)

C.  undefined == null

D.  [] instanceof Array === true

2、以下哪一个事件是不存在的？（）

A.  touchstart

B.  touchenter

C.  touchmove

D.  touchend

3、使用正则表达式声明6位数字的邮编，以下代码正确的是（）

A.  var reg = /\d{6}/;

B.  var reg = \d{6}\;

C.  var reg = /\d6/;

D.  var reg = new RegExp("\d{6}");

4、以下哪一个选项不属于localStorage对象的方法？

A.  setItem()

B.  removeItem()

C.  addItem()

D.  getItem()

5、以下哪个不属于position属性可能的值？（）

A.  absolute

B.  static

C.  none

D.  relative

6、以下关于canvas的drawImage的使用方法错误的是（）

A.  ctx.drawImage(image,sx,sy,sWidth,sHeight,dx,dy,dWdith,dHeight);

B.  ctx.drawImage(image,dx,dy);

C.  ctx.drawImage(image);

D. ctx.drawImage(image,dx,dy,dWdith,dHeight);

7、以下关于HTTP状态码描述错误的是（）

A.  301 Found：临时性重定向，表明该资源暂时被分配了新的URL

B.  503 Service Unavailable：服务器处于超负载或正在停机维护，暂时无法处理请求

C.  206 Partial Content：客户端进行了范围请求，服务器成功执行这部分GET请求

D.  403 Forbidden：请求资源的访问被服务器拒绝

8、以下CSS单位哪个不是相对单位（）

A.  em

B.  rem

C.  px

D.  %

9、以下数组函数会对原数组进行操作的是（）

A.  filter

B.  map

C.  slice

D.  push

10、阅读以下代码：

a1=[1,2,12];

a2=[4,23];

a1.concat(a2);

a1.sort();

alert(a1.join(';'));

代码运行后，alert方法弹出的内容为（C）

A.  1;2;4;12;23

B.  1;12;2;23;4

C.  1;12;2

D.  1;2;12

11、以下关于box-sizing属性的描述错误的是（）

A.  content-box:border和padding不计算入width之内

B.  box-sizing的默认值是border-box

C.  padding-box:padding计算入width之内

D.  border-box:border和padding计算入width之内

二、问答题

1、JavaScript中实现继承的几种方式？

2、请简述JSONP的工作原理

3、请简述以下数组遍历方式(map, forEach, filter, every, for)及适用场景

4、请使用javascript实现函数的防抖与节流，常用于解决页面scroll，resize，input等导致的页面渲染问题

5、实现一个当前时间的实时显示，实现格式如下：

YY - MM - DD hh : mm : ss （如2018 - 03 - 20 11：10：50）