1.深拷贝
深拷贝实现链接
什么是深拷贝，什么是浅拷贝？有几种方式实现深拷贝？区别是什么？工作中什么情况下会用到深拷贝？
1. 深拷贝：不仅把第一级拷贝，如果原始数组或对象中存在多级，把每一级都拷贝一份赋值给新数组或对象的每一个级别
2. 浅拷贝：只把第一级的拷贝一份，赋值给新数组或对象，如数组的slice，concat，对象的 Object.assign()方法
3. 实现深拷贝：JSON数据格式，自己递归封装
4. 做表格排序，先存储深拷贝一个数据，以免造成原数据改动
2.客户端存储
Cookie、sessionStorage、localStorage的区别？你在工作中什么情况下会去运用到这三种？
1. 大小：cookie最大4k，localStorage和sessionStorage最大5M
2. 有效期：cookie可以设置过期时间，localStorage永不过期，sessionStorage 当前页面关掉
3. 作用域：Cookie和localStorage是同源窗口，seeionStorage是当前页面
3.Vue的双向绑定
vue数据双向绑定实现链接
Vue数据双向绑定的原理是什么？手写一个简易的数据双向绑定
原理：通过数据劫持结合发布者-订阅者模式的方式实现的，利用了Object.defineProperty()这个方法重新定义了对象获取获取属性值(get)和设置属性值(set)
4.前端优化
前端性能如何优化？你平常用到最多的是什么？
1. DNS优化：减少DNS次解析数
2. http优化：减少http请求量，如精灵图，雪碧图
3. 渲染优化：减少回流重绘，如className统一添加样式，脱离文档流
4. 缓存优化：使用离线缓存
5.滚动吸顶
滚动吸顶实现链接
滚动吸顶有几种方式？
1. 使用 position:sticky 实现
2. 使用 JQuery 的 offset().top 实现
3. 使用原生的 offsetTop 实现
4. 使用 obj.getBoundingClientRect().top 实现
6.splice和slice
Splice 和 slice 的区别？
1. splice会改变原数组，slice不会改变原数组
2. splice 是实现数组的增删改
3. slice 是实现数组的查询
7.用css3写一个drawer 抽屉从下到上的动画
待续
8.js数组去重
数组去重实现链接
8. js数组去重有几种方式，分别是哪几种？
1.[…new Set(arr)]
2.arr.filter((val,i)=>arr.indexOf(val) === i)
3.reduce方法
4.map方法
5.利用对象去重
9.异步
什么是异步？什么情况下会用到异步？
1. js是单线程的语言，同步任务会在主线程次序执行，异步任务会寄托在宿主环境中执行，把执行完的回调放在任务队列中，等主线程的栈内存执行完，再执行任务队列中的回调
2. 异步任务分为 宏任务和微任务，在按照先微后宏执行
3. 异步的使用场景：发送ajax请求，用fs读取文件
10.手写一个promise
待续
11.闭包，递归，回调
1到100求和实现链接
说一下对递归、闭包、回调的理解？什么情况下会用到？用js递归的方式写1到100求和？
1. 递归：方法自己调用自己 ,每次调用时传入不同的变量
2. 闭包：有权访问另一个函数作用域中变量的函数。即一个作用域可以访问另一个函数内部的局部变量
3. 回调：一个被当做参数的函数
12.封装简易请求
封装ajax链接
封装一个简易请求需要几步？
13.css水平、垂直居中
水平垂直居中实现链接
css水平、垂直居中的写法，请至少写出4种？
1. 定位 -- 使用 margin-top：- 盒子的高度一半
2. Flex
3. Transform
4. 定位 -- 使用 上下左右都为 0 ，margin：auto
14.1rem,1em,1vh,1px
1rem、1em、1vh、1px各自代表的含义？
1rem 根标签 html 标签的字体大小
1em 相对于父元素的字体大小
1vh 可视区域(视窗)的高度,100vh等于视窗高度
1px 一像素,一般电脑分辨率是1920 * 1024：即1920个像素 * 1024个像素
15.盒模型
说一下盒模型？
Css3中 box-sizing 有两个属性
border-box: 例如其中 width 包含 padding和border，而且设置width时，里面的内容部分会随着padding和border调节
content-box: 例如其中width 不包含 padding,border，只包含内容部分
16.画一条0.5px的直线？
画一条0.5px的直线？
第一种：transform:scale(0.5)
第二种：meta标签中intival-scale：0.5 初始缩放比例
第三种：canvas
17.清除浮动
清除浮动的几种方式，及原理？
第一种：Clear,两种方式 1.在浮动元素的最后创建一个div，加上 clear：both 2. 使用伪类元素
第二种：BFC，创建格式化上下文，如overflow：hidden，浮动，display：inline-block
18.继承
说一下继承的几种方式及优缺点？
待续
19.es6
说一下自己常用的es6的功能？
箭头函数，class，promise/async/await，扩展运算符，解构赋值，模板字符串…
20.http状态码
你所知道的http的响应码及含义？
200 成功
201 创建成功
301 永久重定向
302 临时重定向
304 协商缓存
400 客户端错误
401 token验证失败
403 账号权力不够
500 服务端语法错误
502 服务端配置错误