web前端面试题总结

1．  Ajax原理

通过XMLHttpRequest对象来向服务器发送异步请求，从服务器获取数据。然后用JavaScript来操作DOM而更新页面。

XMLHttpRequest是ajax的核心机制，它是IE5中首先引入的，是一种支持异步请求的技术。简单的说，也就是JavaScript可以及时的向服务器提出请求并及时响应。而不阻塞用户。达到无刷新效果。由事件触发，创建一个XMLHttpRequest对象，把HTTP方法（POST/GET）和目标URL以及请求返回后的回调函数设置到XMLHttpRequest对象，通过XMLHttpRequest向服务器发送请求，请求发送后继续响应用户的界面交互，只有等到请求真正从服务器返回的时候才调用callback()函数，对响应数据进行处理。

         Function ajax(){

         If(window.XMLHttpRequest){

         Var xhr =newXMLHttpRequest();

}else{

         Var xhr=newActiveXObject(‘Microsoft.XMLHTTP’);

}

 

                            Xhr.onreadystatechange=function(){

         If(xhr.readState==4){}

}

}

2．  JS闭包

闭包就是能够读取其他函数内部变量的函数。由于在JavaScript语言中，只有函数的内部的子函数才能读取局部变量，因此可以把闭包简单理解成“定义在函数内部的函数”。所以在本质上，闭包就是讲函数内部和函数外部链接起来的一座桥梁。

3．  Css内联样式和important优先级

Important>内联样式

4．  行内元素和块级元素的区别（行内元素设备margin 和padding 是无效的。、）

 

5．  JavaScript版本的区别目前使用的是4.0已更新到6.0

 

6．  JS中的对象是什么意思

JS中所有的事物都是对象：字符串，数值，数组，函数。。。

此外JavaScript还允许自定义对象。New Object()

对象只是带有属性和方法的特殊数据类型，就是所谓的引用类型。

7．  react native目前最流行的界面样式开发框架

 

8．  浏览器兼容性的问题

 

9．  Typeof的用法

10.this的工作原理

         This总是指向一个对象，具体是运行时基于函数的执行环境动态绑定的，而非函数被声明时的环境。

         普通函数调用时，一般指向window对象；

         对象方法调用时，指向该对象；

         如果对象方法里有局部方法，里面的this会指向window对象；

         在ES5模式下，this指向window的都会变成undefined；

         Apply，call时，动态改变this

11. JS中数组的操作函数

         Concat()连接两个或更多数组

         splice(index,len,[item])删除元素，并向数组添加一个新元素。

         Slice()从某个已有的数组返回选定的元素

         Join()把数组的所有元素放入一个字符串，元素通过指定的分隔符进行分割

         push()在数组后添加元素，并返回新的长度

         unshift()在数组最前添加元素

         pop()删除数组最后一个元素并返回该元素的值

         reverse()颠倒数组中元素的顺序

         shift()删除并返回数组中第一个元素

         sort()对数组元素进行排序

         toSource()返回该对象的源代码

         toString()  把数组转换为字符串并返回结果

         toLocaleString()把数组转换为本地数组，并返回结果

         valueOf()返回对象的原始值