好未来面经总结
1.cdn内容分发网络讲一下：用户在浏览器中输入自己要访问网站的域名，浏览器向本地DNS请求对该域名的解析，本地DNS将请求发到主DNS,主DNS根据一系列的策略确定当时最适合的CDN节点，并将解析的IP地址转发给用户，用户再完成重定向，用户下一次在请求该资源，就可以就近拿缓存了。
2.前端优化有哪些方法：
（1）把js代码放到底部：加载js时会对后续的资源造成阻塞，必须得等js加载完才去加载后续的文件 ，所以就把js放在页面底部最后加载。
（2）把CSS放到顶部：网页上的资源加载时从上往下顺序加载的，所以css放在页面的顶部能够优先渲染页面，让用户感觉页面加载很快
（3）设置Expires:Exipres是用来设置文件的过期时间的，一般对css、js、图片资源有效。 他可以使内容具有缓存性，这样下回再访问同样的资源时就通过浏览器缓存区读取，不需要再发出http请求。如下例子：
（4）使用CDN:网站上静态资源即css、js全都使用cdn分发，图片亦然。
（5）减少页面上的回流与重绘。
（6）减少HTTP请求次数：尽量合并图片、CSS、JS。比如加载一个页面，如果有5个css文件的话，那么会发出5次http请求，这样会让用户第一次访问你的页面的时候会长时间等待。而如果把这个5个文件合成一个的话，就只需要发出一次http请求，节省网络请求时间，加快页面的加载。
3.各排序算法的复杂度
4.transform和transition的各个属性：
5.项目更新部署以后，怎么消除本地缓存：
meta方法:
//不缓存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="0">
6.怎么清除cookie的：
JavaScript 通过 document.cookie 来修改和删除 cookie 。JavaScript 在设置 cookie 时会遵循这样一条原则：新设置的 cookie 如果与原有的 cookie 相同（名称、路径和域名都相同），会将原有的 cookie 覆盖（采用新 cookie） 。这就给我们提供了一种修改和删除 cookie 的方法——直接覆盖原有的 cookie 。直接设置expires。
//不缓存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="0">
6.怎么清除cookie的：
JavaScript 通过 document.cookie 来修改和删除 cookie 。JavaScript 在设置 cookie 时会遵循这样一条原则：新设置的 cookie 如果与原有的 cookie 相同（名称、路径和域名都相同），会将原有的 cookie 覆盖（采用新 cookie） 。这就给我们提供了一种修改和删除 cookie 的方法——直接覆盖原有的 cookie 。直接设置expires。
7.什么是vue的虚拟DOM，为什么要设置虚拟DOM: 9.作用域和作用域链：
Virtual DOM 其实就是一棵以 JavaScript 对象( VNode 节点)作为基础的树，用对象属性来描述节点，实际上它只是一层对真实 DOM 的抽象。最终可以通过一系列操作使这棵树映射到真实环境上。
Vue.js通过编译将模版转换成渲染函数(render)，执行渲染函数就可以得到一个虚拟DOM在对模型进行操作的时候，会触发对应的Dep中的Watcher对象。Watcher对象会调用对应的update来修改视图。这个过程主要是将新旧虚拟DOM进行差异对比，然后根据结果进行对比。简单点讲，在Vue的实现上，Vue讲模版编译成虚拟DOM渲染函数。结合Vue自带的响应系统，在状态改变时，Vue能够智能地计算出重新渲染组件的最小代价并应用到DOM操作上。
8.闭包的作用和缺点：
作用1：隐藏变量，避免全局污染
作用2：可以读取函数内部的变量
同时闭包使用不当，优点就变成了缺点：
缺点1：导致变量不会被垃圾回收机制回收，造成内存消耗
缺点2：不恰当的使用闭包可能会造成内存泄漏的问题
如果在当前作用域中没有查到值，就会向上级作用域去查，直到查到全局作用域，这么一个查找过程形成的链条就叫做作用域链。
10.vuex的作用：便于追踪数据的状态，集中式的存储，解决了多组件相互传值的问题，vuex里的数据都是响应式的。
11.proxy与Object.defineProperty：Proxy使用上比Object.defineProperty方便的多。
Proxy代理整个对象，Object.defineProperty只代理对象上的某个属性。
vue中，Proxy在调用时递归，Object.defineProperty在一开始就全部递归，Proxy性能优于Object.defineProperty。
对象上定义新属性时，Proxy可以监听到，Object.defineProperty监听不到。
数组新增删除修改时，Proxy可以监听到，Object.defineProperty监听不到。
Proxy不兼容IE，Object.defineProperty不兼容IE8及以下。
10.async和defer的区别：Proxy代理整个对象，Object.defineProperty只代理对象上的某个属性。
vue中，Proxy在调用时递归，Object.defineProperty在一开始就全部递归，Proxy性能优于Object.defineProperty。
对象上定义新属性时，Proxy可以监听到，Object.defineProperty监听不到。
数组新增删除修改时，Proxy可以监听到，Object.defineProperty监听不到。
Proxy不兼容IE，Object.defineProperty不兼容IE8及以下。
