面试官常问的 web前端 问题 51-62 51.Promise 对象是什么？52.axios 的特点有哪些？53.vue 中的 ref 是什么？54.vue 如何兼容 ie55.页面刷新 vuex 被清空解决办法？56.Vue 与 Angular 以及 React 的区别？57.localstorage 和 sessionstorage 是什么?区别是什么?58.为什么要进行前后端分离？前后端分离的优缺点？59.ElementUI 的计数器组件怎么使用？60.ElementUI 的表单组件怎么使用？它有哪些属性？61.ElementUI 的表单验证怎么实现？62.ElementUI 的表格组件怎么使用？它有哪些属性？
51.Promise 对象是什么？
1.Promise 是异步编程的一种解决方案，它是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从 语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。promise 对象是一个构造函数，用来生成 Promise 实例；
2.promise 的两个特点 对象状态不受外界影响 && 一旦状态改变，就不会再变，任何时候都可以得到结果
（pending 状态–>fulfilled ||pending–>rejected）
1、axios 是一个基于 promise 的 HTTP 库，支持 promise 的所有 API；
2、它可以拦截请求和响应；
3、它可以转换请求数据和响应数据，并对响应回来的内容自动转换为 json 类型的数据；
4、它安全性更高，客户端支持防御 XSRF；
ref 被用来给元素或子组件注册引用信息。
引用信息将会注册在父组件的 $refs 对象上。
如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例。
babel-polyfill 插件
55.页面刷新 vuex 被清空解决办法？1.localStorage 存储到本地再回去
2.重新获取接口获取数据
1、 Vue与 AngularJS 的区别：
相同点：
都支持指令：内置指令和自定义指令；
都支持过滤器：内置过滤器和自定义过滤器；都支持双向数据绑定；都不支持低端浏览器。
不同点：
AngularJS 的学习成本高，比如增加了 DependencyInjection 特性；Vue.js 本身提供的 API 都比较简单、直观；
AngularJS 依赖对数据做脏检查，所以 Watcher 越多越慢；Vue.js 基于依赖追踪观察，使用异步队列更新，所有数据独立触发。
2、 Vue与 React 的区别：
相同点：
React 采用特殊的 JSX 语法，Vue.js 在组件开发中也推崇编写.vue 特殊文件格式，两者都需要编译后使用；
都是组件，组件实例之间可以嵌套；都提供合理的钩子函数，可让开发者定制化地去处理需求；
都不内置列数 AJAX、Route 等功能到核心包；以插件的方式加载；在组件开发中都支持 mixins 的特性。
不同点：
React 采用的 VirtualDOM 会对渲染出来的结果做脏检查；Vue.js 在提供了指令，过滤器等，可方便、快捷地操作 Virtual DOM。
localstorage 和 sessionstorage 一样都用来存储客户端临时信息的对象，都只能存储字符串类型。
区别:
localstorage 生命周期永久，除非用户在浏览器提供的 UI 上清除 localstorage 信息，否则这些信息将永远存在。
sessionstorage 生命周期为当前窗口或标签，当窗口或标签被永久关闭，所有通过 sessionstorage 存储的数据也被清空。
不同浏览器无法共享 localstorage 或 sessionstorage 中的信息。
相同浏览器的不同页面可以共享相同的 localstorage（页面属于相同 的域名和端口），但是不同页面或标签间无法共享 sessionstorage。
这里需要注意的是，页面及标签仅指顶级窗口，如果一个标签页包含多个 iframe 标签他们属于同源页面，那么他们之间是可以共享 sessionstorage 的。
前后端分离的优点：
前端：专门负责前端页面和特效的编写；追求页面美观、页面流畅、页面兼容；
后端：专门负责后端业务逻辑的处理；追求高并发、高可用、高性能，各自负责各自的领域，提高开发效率；
前后端分离的缺点：
1 、当接口发生改变的时候，前后端都需要改变 ；
2、 当发生异常的时候，前后端需要联调；（联调非常浪费时间！)
首先引入 ui 框架，然后放的 vue 里面写 <el-input-num></el-input-num>
60.ElementUI 的表单组件怎么使用？它有哪些属性？先写 el-form 组件，里面写 el-form-item 用来放输入框，
例如用户名和密码那些。
属性：
el-from 属性： ref、rules，绑定：model
el-form-item 属性： prop 用来定义一个该输入框对应的验证规则
直接查官网就行！
61.ElementUI 的表单验证怎么实现？表单验证：
一、在一开始 el-form 中绑定:model=“a”，遵守一个规则:rules=“规则名 b”，然后:ref 跟之前的 a 一样值，要遵守规则的数据名。 二、在 data 中定义 a，里面放表单的所有数据。
三、在 data 属性中定义 rules 规则，例如：必须填写就是 required:true，最小最大就是 min 和 max。
四、里面放 el-form-item，上面定义 prop 取一个名字等于什么，rules 中用这个 prop 里面定义的名字作为规则属性。
五、若要自定义规则，首先在 rules 的规则中定义 validata 属性，它的值就是自定义规则的名称，然后在 data 里写 var 自定义规 则名称 =(rule,value,callback)=> 如果校验正确就返回 callback()，校验错误就返回 callback(neError(’***有误！’))
直接查官网就行！
62.ElementUI 的表格组件怎么使用？它有哪些属性？用一个 <el-table></el-table> 这个是最外面的上面，里面用 <el-table-row></el-table-row> 。
属性：
el-table 组件的 data 用来获取数据；
每一行 el-table-row 的数据通过 prop 属性。