2015某大型电商集团的前端实习生在线笔试题(无耻的拿来偷看了)

2015某大型电商集团的前端实习生在线笔试题(嘿嘿猜猜是谁的)

1、(单项选择)对于下列程序运行结果,符合预期的是

function f1() {

console.time('time span');

}

function f2() {

console.timeEnd('time span');

}

setTimeout(f1, 100);

setTimeout(f2, 200);

 

function waitForMs(n) {

var now = Date.now();

while (Date.now() - now < n) {

 

}

}

waitForMs(500);

A、time apan:700.077ms B、time apan:0.066ms

C、time apan:500.077ms D、time apan:100.077ms

 

2、(单项选择)请选择结果为真的表达式:

A、null instanceof Object B、null == undefined

C、NaN == NaN D、false == undefined

 

3、(单项选择)下面程序的执行结果是:

var name = 'World!';

(function () {

  if (typeof name === undefined) {

    var name = Jack;

    console.log(Goodbye ‘ + name);

  } else {

    console.log(Hello ‘ + name);

  }

})();

A、Goodbye Jack B、Hello Jack

C、Hello undefined D、Hello World

 

4、(不定项选择)以下关于DOM事件流的表述哪些是正确的

A、事件流包括两个阶段:事件捕获阶段、事件冒泡阶段。

B、IE跟标准浏览器对于DOM事件流实现不一样

C、假设parentEle是childEle的父节点,绑定事件:

parentEle.addEventListener(click, fn1, false)和 

childEle.addEventListener(click, fn2, false),当点击childEle的时候fn1将先于fn2触发。

D、addEventListener第三个参数true代表支持捕获,false代表不支持捕获

 

5、(不定项选择)通过下面的哪些方法可以获取页面的html元素

A、document.getElementById

B、document.getElementsByClassName

C、document.querySelector

D、document.querySelectorAll

 

6、(不定项选择)下面选项中,对javascript事件的描述不正确的是:

A、IE使用attachEvent/detachEvent方法来添加和删除事件监听器;w3c使用addEventListener/removeEventListener方法。

B、IE是将event对象作为参数传递给监听器,w3c事件监听器内使用的是一个全局的Event对象。

C、IE提供了对事件捕获阶段的支持。

D、要停止事件的传递,IE的做法是设置event对象的cancelBubble为true,而w3c的做法是设置执行stopPropagation方法。

 

7、(单项选择)

var array1 = [1,2];

var array2 = array1;

array1[0] = array2[1];

array2.push(3);

console.log(array1);

console.log(array2);

执行上面的代码array1和array2的值分别是什么?

A、Array1的值为[2,2];Array2的值为[1,2,3]

B、Array1的值为[2,2,3];Array2的值为[1,2,3]

C、Array1的值为[2,2,3];Array2的值为[2,2,3]

D、Array1的值为[1,2,3];Array2的值为[1,2,3]

 

8、(不定项选择)有如下代码:

function Test(name,age){

this.name = name;

this.age = age;

};

Test.prototype = {

name:aliyun,

hasOwnproperty:function(){

return false;

}

};

var instance = new Test(alibaba,102);

以下关于原型链的说法正确的是:

A、JavaScript对象有两种不同的属性,一种是对象自身的属性,另一种是继承于原型链上的属性

B、instance.name == ‘aliyun为true

C、instance.hasOwnproperty(age)结果将是false

D、所有对象都继承自Object.prototype

 

9、实现函数range([start,]stop[,step])返回一个数组(step大于1)

> range(1,11); => [1,2,3,4,5,6,7,8,9,10]

> range(0); => []

> range(10); => [0,1,2,3,4,5,6,7,8,9]

> range(0,30,5); => [0,5,10,15,20,25]

 

10、背景:

①、对象A直接调用对象B的某个方法,实现交互逻辑。但是导致的问题是A和B紧密耦合,修改B可能导致A调用B的方法失效。

②、为了解决耦合导致的问题,我们可以设计成:

对象A生成消息 -> 将消息通知给一个消息处理器(Observable)-> 消息处理器将消息传递给B

具体的调用过程变成:

A.emit(message,data); B.on(message,function(data){});

请实现这一事件消息代理功能

//请将事件消息功能补充完整

function EventEmitter(){

 

}

 

11、实现下图的布局

<main>

    <div>

        A

    </div>

    <div>

        B

    </div>

    <div>

        C

    </div>

</main>

 

12、有一个包含数据列表的页面,数据行数不确定。每一行数据都有一个删除按钮,单击删除按钮删除该列数据,请用JavaScript实现该功能。

 

 

13、编写CSS让一个已知宽高的DIV, 在PC/手机端水平垂直居中

 

 

14、使用语义化的 HTML 标签及css完成以下布局

 

• 容器默认宽度320px,图片100*100

• hover 时容器宽度变为400px

• 右侧文字宽度自适应,考虑模块化和扩展性

 

 

15、写一个可以暂停执行的JS函数

 

 

16、用JavaScript写一个Ajax的get请求

 

posted @ 2015-04-25 23:15  一点点白  阅读(...)  评论(...编辑  收藏
页脚