一、jQuery
1.$(document).ready()是个什么函数？为什么要用它？
当DOM完全加载，jQuery允许你执行代码，使用$(document).ready()的最大好处在于它使用于所有
浏览器，jQuery解决了跨浏览器的难题
2.JavaScript window.onload 事件和 jQuery ready 函数有何不同？
(1)前者需要等待dom被创建，还要等待包括大型图片、音频、视频在内的所有外部资源都完全加载，如果
加载图片和媒体内容花费了大量时间，用户就会感受到定义在window.onload事件上的代码执行时有明显
延迟。
(2)后者只需要对dom树等待，而无需对图像或外部资源加载等待，从而执行起来更快；
另一个优势是可以在网页中多次使用，浏览器会按他们在html页面里出现的顺序执行它们
3.jQuery里的each（）是什么函数？你是如何使用它的？
each（）函数允许遍历一个元素集合，可以传一个函数给each（）方法，被调用的jQuery对象会在其每一
个元素上执行传入的函数。
找出所有的选中项，然后我们在alert框中用each（）方法来一个个打印它们
$('[name=NameOfSelectedTag]:selected').each(function(selected){
alert($(selected).text());
});
4.$(this) 和 this 关键字在 jQuery 中有何不同？
$(this)返回一个jQuery对象，你可以对它调用多个jQuery方法，比如用text（）获取文本，用val（）获取值等
this代表当前元素，它是js关键词中的一个，表示上下文中的当前DOM元素
5.jQuery.get() 和 jQuery.ajax() 方法之间的区别是什么?
get()方法是一个只获取一些数据的专门化方法
ajax()方法更强大，更具可配置性，让你可以指定等待多久，以及如何处理错误
6.Jquery 与 jQuery UI 有啥区别？
*jQuery 是一个 js 库，主要提供的功能是选择器，属性修改和事件绑定等等。
*jQuery UI 则是在 jQuery 的基础上，利用 jQuery 的扩展性，设计的插件。 提供了一些常用的界面元素，诸如对话框、拖动行为、改变大小行为等等
7.jQuery 和 Zepto 的区别？各自的使用场景？
（1）jQuery 主要用于 pc 端，当然有对应的 jQuerymobile 用于移动端
（2）zepto 比 jQuery 更 加小巧，主要用于移动端
（3）jquer mobile 相对于 zepto 功能强大，但是体积也很庞大，zepto 非常的轻量
二、ES6知识点
1.箭头函数使用需要注意的地方
当要求动态上下文的时候，就不能使用箭头函数，也就是this的固定化
（1）在使用=>定义函数的时候，this的指向是定义时所在的对象，而不是使用时所在的对象
（2）不能够用作构造函数，也就是说不能使用new命令
（3）不能够使用arguments对象
（4）不能使用yield命令
如何理解块级作用域
（1）在一个函数内部function（）{}
（2）在一个代码块内部
特点:
(1)不需要function关键字来创建函数
(2)省略return关键字
(3)继承当前上下文的 this 关键字
2.let和const
let是更完美的var，不是全局变量，具有块级函数作用域，大多数情况不会发生变量提示
const定义常量值，不能够重新赋值，如果值是一个对象，可以改变对象里边的属性值
let：不存在变量提升、暂时性死区、不允许重复声明、块级作用域
3.结构赋值
(1)左右两边结构必须一样；
(2)右边必须是个合法的值；
(3)声明和赋值不能分开(必须在一句话里完成)；
4.扩展运算符
对象中的扩展运算符(...)用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中
5.promise对象
含义：promise是异步编程的一种解决方案，比传统的解决方案--回调函数和事件更强大更合理。
promise对象两个特点：
（1）对象的状态不受外界影响。三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）
（2）一旦状态改变，就不会再变，任何时候都可以得到这个结果
优点：
（1）将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数
（2）Promise对象提供统一的接口，使得控制异步操作更加容易。
缺点：
（1）无法取消Promise，一旦新建它就会立即执行，无法中途取消
（2）如果不设置回调函数，Promise内部抛出的错误，不会反应到外部
（3）当处于pending状态时，无法得知目前进展到哪一个阶段（刚刚开始还是即将完成）
基本用法：
Promise构造函数接受一个函数作为参数，该函数的两个参数分别是resolve和reject。
const promise = new Promise(function(resolve, reject) {
// ... some code
if (/* 异步操作成功 */){
resolve(value);
} else {
reject(error);
}
});
Promise实例生成以后，可以用then方法分别指定resolved状态和rejected状态的回调函数
promise.then(function (value) {
// success
}, function (value) {
// failure
})
Promise.prototype.catch方法是.then(null, rejection)或.then(undefined, rejection)的别名，用于指定发生错误时的回调函数。
***.jquery的ajax返回的是deferred对象，通过promise的resolve()方法将其转换为promise对象。
6.set数据结构
es6方法,Set本身是一个构造函数，它类似于数组，但是成员值都是唯一的。
const set = new Set([1,2,3,4,4])
console.log([...set] )// [1,2,3,4]
console.log(Array.from(new Set([2,3,3,5,6]))); //[2,3,5,6]
7.map, filter, reduce 各自有什么作用？
(1)map 作用是生成一个新数组，遍历原数组，将每个元素拿出来做一些变换然后放入到新的数组中。
(2)filter 的作用也是生成一个新数组，在遍历数组的时候将返回值为 true 的元素放入新数组，我们可以利用这个函数删除一些不需要的元素
(3)reduce 可以将数组中的元素通过回调函数最终转换为一个值。
三、【简单理解】gulp和webpack的区别
安装 gulp 命令行工具：npm install --global gulp-cli
gulp：可以进行js，html，css，img的压缩打包，是自动化构建工具，可以将多个js文件或是css压缩成一个文件，并且可以压缩为一行，以此来减少文件体积，
加快请求速度和减少请求次数；并且gulp有task定义处理事务，从而构建整体流程，它是基于流的自动化构建工具。
Webpack：是前端构建工具，实现了模块化开发和文件处理。他的思想就是“万物皆为模块”，它能够将各个模块进行按需加载，不会导致加载了无用或冗余的代码。
四、vue和react的各自优势和相似点
1.Vue的优势是：
模板和渲染函数的弹性选择
简单的语法和项目配置
更快的渲染速度和更小的体积
更加适合小型项目
2.React的优势是：
更适合大型应用和更好的可测试性
Web端和移动端原生APP通吃
更大的生态系统，更多的支持和好用的工具
比较适合中大型项目
3.React和Vue相似之处：
用虚拟DOM实现快速渲染
轻量级
响应式组件
服务端渲染
集成路由工具，打包工具，状态管理工具的难度低
优秀的支持和社区
4.不同点：
（1）.React严格上只针对MVC的view层,Vue则是MVVM模式
（2）.virtual DOM不一样,vue会跟踪每一个组件的依赖关系,不需要重新渲染整个组件树.
而对于React而言,每当应用的状态被改变时,全部组件都会重新渲染,所以react中会需要shouldComponentUpdate这个生命周期函数方法来进行控制
（3）.组件写法不一样, React推荐的做法是 JSX + inline style, 也就是把HTML和CSS全都写进JavaScript了,即'all in js';
Vue推荐的做法是webpack+vue-loader的单文件组件格式,即html,css,jd写在同一个文件;
（4）.数据绑定: vue实现了数据的双向绑定,react数据流动是单向的
（5）.state对象在react应用中不可变的,需要使用setState方法更新状态;
在vue中,state对象不是必须的,数据由data属性在vue对象中管理；
浙公网安备 33010602011771号