1.ajax和axios的区别? 2.Iframe 的作用?3.CSS3 新特性有哪些？4.事件绑定和普通事件有什么区别 5.列举展开运算符的用法

 一、ajax和axios的区别
1、ajax技术实现了局部数据的刷新，而axios实现了对ajax的封装，为了达到我们跨越的目的，增添了对JsonP的支持
2、Axios 是一个基于 Promise 的 HTTP 库，可以用在浏览器和 node.js 中；是请求资源的模块；通过promise对ajax的封装，就像jquery对ajax的封装一样，axios回来的数据是promise，ajax回来的数据是回调，axios比ajax更好用更安全
3、简单来说就是ajax技术实现了局部数据的刷新，axios实现了对ajax的封装；axios有的ajax都有，ajax有的axios不一定有

 二、Iframe 的作用
1、用法：Iframe 是用来在网页中插入第三方页面，早期的页面使用 iframe 主要是用于导航栏这种很多页面都相同的部分，这样可以在切换页面的时候避免重复下载
2、优点：便于修改，模块分离，像一些信息管理系统会用到，但现在基本上不推荐使用。除非特殊需要，一般不推荐使用
3、缺点：（1）iframe 的创建比一般的 DOM 元素慢了 1-2 个数量级
        （2）iframe 标签会阻塞页面的加载，如果页面的 onload 事件不能及时触发，会让用户觉得网页加载很慢，用户体验不好.在 Safari 和 Chrome 中可以通过 js 动态设置iframe 的 src 属性来避免阻塞
        （3）iframe 对于 SEO 不友好，替代方案一般就是动态语言的 Incude 机制和ajax 动态填充内容等

 三、CSS3 新特性有哪些
1、颜色：新增 RGBA，HSLA 模式
2、文字阴影（text-shadow）
3、边框： 圆角（border-radius） 边框阴影： box-shadow
4、盒子模型：box-sizing
5、背景：background-size 设置背景图片的尺寸 background-origin 设置背景图片的原点 background-clip 设置背景图片的裁切区域，以“，”分隔可以设置多背景，用于自适应布局
6、渐变：linear-gradient、radial-gradient
7、过渡：transition，可实现动画
8、自定义动画
9、在 CSS3 中唯一引入的伪元素是 ：selection.
10、媒体查询，多栏布局
11、border-image
12、2D 转换：transform：translate(x，y) rotate(x，y) skew(x，y) scale(x，y)
13、3D 转换
```

四、事件绑定和普通事件有什么区别
事件绑定是指把事件注册到具体的 DOM 元素之上，普通事件指的是可以用来注册的事件事件绑定例子：
    DOM元素.addEventListener(事件类型，事件处理函数)
普通事件例子：
    DOM元素.事件类型 = function(){事件处理函数}
    对于事件绑定来说，同一个 DOM 元素上面绑定同样的事件类型时，可以绑定多个事件处理函数，实际解决了多人开发情况下造成的时间处理覆盖的情况（污染），而如果使用普通事件来解决这个问题的时候会造成后写的代码将前写的代码进行了重写操作，造成环境污染。
    实际开发的时候可以视情况而定，来选择绑定事件的方式

五、列举展开运算符的用法
1、将字符串转成数组
2、将集合转成数组
3、两个数组的合并
4、在函数中，用来代替 arguments 参数