海康威视前端实习面经（寄）

自我介绍

项目，

技术栈

websocted的实现

首先是websocket

es6新特性

let const,箭头函数,解构赋值，map set，迭代器和生成器，类，默认参数，promise，模板字符串，symbol数据类型，模块化，

解构赋值

arr = [1,2,3] arrmax = arr[2],arrmin = arr[0]

promise

三种状态padding，resolved，rejected。 实现异步，通过.then和.catch捕获异常。

promise异步怎么实现同步

用async和await。 网络延时，下一个任务需要上一个异步任务的结果才能执行下一步操作，下一步必须要上一步的结果才能执行，网络请求有延时，为了保证下一步任务有数据，

所以要阻塞。拿到异步

wh 100px的垂直居中

grid flex ：justify-content：center。align-item

组件间通信

vuex,provide and inject,event bus

跨域的方法以及优缺点

同源策略：所谓同源就是url，主机号端口号相同。该策略是一种安全机制，确保限制一个网页文档如何来自于不同源的资源进行交互

原因：域名和端口号不匹配

jsonp：操作简单，适合简单场景。只支持get请求

cors：http请求都支持。需要服务端配合，不支持ie10以下

代理服务器：解决复杂任务。增加服务器开销

websocket：全双工，实时性，长链接。服务端和客户端都需要配置

跨域资源共享：支持所有http，通过配置可以控制访问权限。需要服务端配合，不支持ie10以下

axios常见配置项

url，method,params获取数据请求,data发送数据

get，post区别：get没有post安全，因为url铭文。get的参数只能是ascii类型，get的参数包含在url中，post在request body中。get会在浏览器有历史记录，

get传递的参数长度在url有限制，只能进行url编码。但是其实本质都是tcp传输，只不过因为http规定，所以发送和请求。但是get其实发送一个包，data和http header是一并发送，服务端返回200

post发送两个包，先发http header 服务端返回100，再发data，返回200.firefox只发一个包

深拷贝浅拷贝

乾拷贝 clone，for，slice，运算符...，concat

深拷贝：递归拷贝，clonedeep