js面试题-02

1，webpack工程构建工具怎么样用

答：webpack是一款模块打包器，可以将项目中的js，css，less，sass，图片等打包压缩成对应的文件。通过定义一个入口文件，webpack会自动查找相关依赖的文件，使用loaders处理它们，最终生成浏览器能识别的js文件。

npm或cnpm安装webpack后，再配置webpack.config.js，入口文件、出口文件、loaders加载器、插件；然后执行对应的命令来进行项目启动或者线上打包。

2，数组去重

答：01，es6的set方法

var arr=[3,90,1,30,3,1];
var arrs=new Set(arr);
var news=Array.from(arrs);//或者 var news=[...arrs];
console.log(news);

    02，简单的indexof方法，for循环判断不存在一样的话就存在一个空数组中；

    03，遍历foreach数组，使用标识符来判断去重；

3，HTTP状态码

答：2开头的一般指的是成功；3开头的一般是重定向；4开头的一般是请求失败，服务器无法做出对应处理回应；5开头的一般是服务器端的错误。

4，为什么css样式初始化，目的是为了什么

答：统一不同浏览器的css样式渲染差异化，避免出现首次打开浏览时样式错乱。

5，为什么浏览器会产生同源策略

答：主要是为了安全考虑，避免外部的请求介入，数据流失。

6，axios有什么特点

答：支持promise的api，请求成功与失败都有回应；可以并发请求多个接口；客户端有效防止CSRF恶意攻击；

7，三次握手

答：客户端第一次向服务端发送syn包请求数据，请求回应；第二次握手是服务端对第一次的请求作出响应，看对应的数据包格式是否正确；第三次握手就是服务器端向客户端回应并返回数据包，客户端请求成功；

假如两次的话会发生什么情况呢？两次的话，第一次请求的数据包，假如有一个请求由于网络延迟未及时发送过去，服务端就收到请求后一直向客户端去回应，但是客户端的那个请求已经失效，服务端就一直在等待询问，造成资源的浪费。

8，const可以改变定义对象的属性吗

答：可以改变的，因为对象的指针没改变，属性值是可以改变的，但是不能改变对象。

9，箭头函数，箭头函数的特点

答：箭头函数就是普通函数省略了function和函数名，简写方式，还改变了this的指向；

缺点之一就是简洁的不好阅读，还要分清对象的时候用，window的时候就不能用箭头函数；构造函数中也不能用箭头函数，会抛异常。

10，js的事件机制

答：事件机制，就是用户的操作行为，也就是页面的点击请求事件，和服务器做交互的操作。