对象类型在赋值的过程中实际上是复制了地址，从而导致了其中一方被改变其他也都被改变的情况，在开发中我们通常不希望出现这样的问题，这里可以使用浅拷贝来解决这个情况。
首先我们可以通过Object.assign来实现浅拷贝，该函数只会拷贝所有的属性值到新的对象中，如果属性值是对象的话，拷贝的是地址，即为浅拷贝而不是深拷贝。
以下为Object.assign浅拷贝的简单实现：
还可以通过展开运算符...来实现浅拷贝：
但是，浅拷贝只解决了第一层的问题，如果对象下还有对象的话，那么又回到最开始的问题了，第二层的对象拷贝过来的只是地址，两者享有相同的地址，这时就需要用到深拷贝了。
我们通常使用JSON.parse(JSON.stringify(object))来解决：
但是该方法具有以下局限性：
遇到函数、undefined和symbol时，会直接忽略掉他们，该对象不能正常的序列化，此时我们需要实现一个更为完善的深拷贝。
小结：以上深拷贝的方法依然只是较为简易的，要想实现一个比较完美的深拷贝其实是很困难的，需要我们考虑很多种边界情况，比如原型链如何处理、DOM如何处理等。该deepClone函数就有两个较为明显的问题，一是没有解决对象的循环引用的问题（参考方案：用弱映射做一个哈希表，存储原对象，若缓存命中，则过滤本次拷贝，直接使用记忆化数据，否则惰性拷贝。一般不是为了解决IE的兼容性问题，都没有问题，考虑兼容性则按需垫片。生产环境其实还需要考虑其它类型的拷贝，一般直接使用辅助工具库。总而言之，按需拷贝）；二是无法实现函数的拷贝。
1.eventLoop
2.setTimeout 误差原因
3.深浅拷贝
4.跨域原因及解决方案
5.css放在头部，js放在尾部
6.css触发bfc
7.webpack plugin和loader区别
8.前端优化
9.协商缓存
10.长列表优化
11.webview交互
12.vue响应式原理
13.原型
14.算法题：数组中有n个元素，排列
EventLoop是计算机系统的运行机制，js就是运行这个机制，因为js是单线程语言，所以一旦遇到一个耗时很长的任务就会卡住，js为了解决这个问题就有了EventLoop
Event Loop是一个程序结构，用于等待和发送消息和事件。
就是在程序中有了两个线程，一个负责应用本身，主线程，另一个负责主线程和其它进程，称为EventLoop
1、js是单线程语言
基本数据类型存放在栈中的简单数据段
引用数据类型存放在堆中的对象
因为定时器是宏任务，如果执行栈的时间大于定时器花费的时间，那么定时器的回调在 宏任务(macrotask) 里，来不及去调用，所有这个时间会有误差。所以就会有误差
宏任务是宿主发起的比如script,setTimeout
css放在头部是因为页面加载html生成dom树的时候就可以同时对dom树进行渲染，防止闪跳，白屏
js放在尾部是因为js会修改dom树，需要一个稳定的dom树
BFC是css的一个布局概念，块级格式化上下文
浮动float不为none的时候
定位为position:absolute和fixed的
display的时候
overflow不为visible
解决浮动父元素坍塌问题
解决自适应布局的问题
解决外边距垂直方向重合问题
loader是文件加载器，运行在nodejs中，并对文件进行打包，压缩转换
plugin是插件，用于拓展webpack的功能
浅拷贝有两种定于，第一种是赋值，第二种是拷贝对象的第一层属性，深层还是一样的
深拷贝是指将对象拷贝一份，无论如何修改都不会改变原有的
响应式原理就是当数据发生改变的时候视图也会跟着更新
VUE是利用了Object.defineProperty的方法里面的setter 与getter方法的观察者模式来实现。
4.通过第三方工具实现深拷贝
lodash.cloneDeep
数组深拷贝
1. concat(arr1, arr2,....)
2. slice(idx1, idx2)
参数可以省略
1）没有参数是拷贝数组
2）只有一个参数是从该位置起到结束拷贝数组元素
3）两个参数，拷贝从起始位置到结束位置的元素（不包含结束位置的元素：含头不含尾）
注意：当数组中的元素均为一维是深拷贝
数组中元素一维以上是值的引用
