12个前端开发面试问题整理

1.IE和标准DOM事件流的区别

一、IE的事件流叫事件冒泡，事件开始时由最具体的元素接受，然后逐级向上传播到document。

DOM的事件流包括三个阶段，事件捕获阶段、处于目标阶段、事件冒泡阶段，实际的目标在捕获阶段不会接收到事件。

二、IE中运行下列两个方法时的this指的是window，而DOM中this指的是当前元素。

三、IE指定和删除事件处理程序的方法为attachEvent()和detachEvent()，DOM中为addEventListener()和removeEventListener()。

四、IE中这两个方法的参数都要加on，比如onclick。而DOM中不用加on，为click。

2.IE和标准下有哪些兼容性的写法：

var event =event || window.event;

var target = event.target || event.srcElement;

阻止默认行为： event.preventDefault || event.returnValue=false;

阻止冒泡行为：  event.stopPropagation || event.cancelBubble=true;

 

3.ajax请求的时候get和post方式的区别：

一、get方式用户能在URL中看到提交的数据，post不能看到。

二、对于get方式服务器端使用Request.QueryString来获取变量的值，对于post方法服务器端使用Request.form来获取变量的值

三、get传输数据量小，不大于2kb，post无限制

四、get安全性差、速度快，post安全性高、速度慢。

 

4.call和apply的区别：

apply的参数必须是数组或者Arguments对象。

 

5.ajax请求时，如何解释json数据

可以使用eval()，但是不推荐，有严重的性能问题和安全性问题。

可以使用JSON.parse()，推荐。

 

6.B继承A的方法：

//寄生组合式继承

function inherit(subType,superType){

　　var prototype = Object(superType.prototype)//创建对象

　　prototype.construcor =subType;//增强对象

　　subType.prototype=prototype;//指定对象

}

function SuperType(name){

}

function SubType(name,age){

　　SuperType.call(this,name);

　　this.age=age;

}

inherit(SubType,SuperType);

 

//组合继承

subType.prototype=new superType();

function subType (argument) {

　　superType.call(this,argument);

}

 

7.获取非行间样式的函数

// 获取非行间样式

function getStyle (obj,attr) {

　　if (obj.currentStyle) {

           return obj.currentStyle[attr];//兼容IE浏览器

　　}else{

           return obj.getComputedStyle(obj,null)[attr];//其他浏览器 obj后面的参数是伪类，比如：after，不需要就为null

　　}

}

 

8.事件委托是什么

利用事件冒泡，将自身事件交给父级元素来处理，这样可以提高页面性能。

比如将ul中li的onclick事件交个ul来处理。

 

9.闭包是什么，有什么特性，对页面有什么影响

闭包是有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式，是在一个函数内部创建另一个函数。

闭包特性：function a(){

　　return function b(){}

}

a中有一个b函数。a返回b函数。这就是闭包。

函数b的存在会让，a函数执行并且返回b后，不会被js的垃圾回收机制所回收，因为b依赖a中的变量。

对页面影响：闭包函数比一般函数会占用更多内存，过度使用闭包可能会让内存占用过多。

 

10.添加 删除 替换 插入到某个接点的方法

• obj.appendChild()  obj.removeChild() obj.replaceChild() obj.insertbefore()

 

11.jsonp和ajax的异同：

jsonp和ajax都是请求一个URL，然后把服务器返回的数据进行处理。

不同：ajax的核心是通过XMLHttPRequest获取非本页的内容，而jsonp是通过动态的创建script标签来调用服务器提供的js脚本

 

12.javascript的本地对象，内置对象和宿主对象

本地对象包括：number 、string、boolean、function、object、error、regexp、array等

内置对象：global、math

宿主对象：其余的所有包括document、window