总体面试感觉很棒，收获非常多，面试官都非常nice~
typeof
undefined、number、string、object、boolean
typeof null //object
typeof undefined //undefined
typeof NaN//number
js缓存
cookie：可设置失效时间，默认是关闭浏览器后失效；4K左右；每次都会携带在HTTP头中，如果使用cookie保存过多数据会造成性能问题；报文头cookie用来标识用户身份；cookie用来完成登陆注册问题，进行服务端和客户端的交互。
localstorage：
caches
indexDB
vue和react差别以及使用场景
> 使用场景上来说：React 配合严格的 Flux 架构，适合超大规模多人协作的复杂项目。理论上 Vue 配合类似架构也可以胜任这样的用例，但缺少类似 Flux 这样的官方架构。小快灵的项目上，Vue 和 React 的选择更多是开发风格的偏好。对于需要对 DOM 进行很多自定义操作的项目，Vue 的灵活性优于 React。（尤雨溪）
react 由于没有双向绑定，在处理一些需要复杂表单逻辑的时候，很不方便，不管是官方推荐的 flux 架构，以及官方文档中提提到自己实现双向绑定的方案，并没有很好解决这个问题，到头来，都难以需要自己操作 dom。我觉使用 vue 则会省心很多。
有个actions，很多地方需要调用actions，该如何设置？
v-model
ajax建立过程
1.建立xmlHttpRequest对象
if(window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
if(xmlHttp.overrideMimeType) {
xmlHttp.overrideMimeType("text/xml");
}
} else if(window.ActiveXobject) {
var activeName = ["MSXML2.XMLHTTP", "Microsoft.XMLHTTP"];
for(var i = 0; i < activeName.length; i++) {
try {
xmlHttp = new ActiveXobject(activeName[i]);
break;
} catch(e) {}
}
}
if(!xmlHttp) {
alert("创建xmlhttprequest对象失败");
} else {}
2.设置回调函数
xmlHttp.onreadystatechange= callback;
function callback(){}
3.使用OPEN方法与服务器建立连接 xmlHttp.open("get","ajax?name="+ name,true)
此步注意设置http的请求方式（post/get）,如果是POST方式，注意设置请求头信息xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
4.向服务器端发送数据
xmlHttp.send(null);
如果是POST方式就不为空
5.在回调函数中针对不同的响应状态进行处理
if(xmlHttp.readyState == 4){ //判断交互是否成功
if(xmlHttp.status == 200){ //获取服务器返回的数据 //获取纯文本数据
var responseText =xmlHttp.responseText;
document.getElementById("info").innerHTML = responseText;
}
}
从URL的输入到页面展现过程
http://www.jianshu.com/p/98d74c032a99
状态码302；404；403；500
HTTP状态码分类
1** 信息，服务器收到请求，需要请求者继续执行操作
2** 成功，操作被成功接收并处理
3** 重定向，需要进一步的操作以完成请求
4** 客户端错误，请求包含语法错误或无法完成请求
5** 服务器错误，服务器在处理请求的过程中发生了错误
302 Found 临时移动。与301类似。但资源只是临时被移动。客户端应继续使用原有URI
403 Forbidden 服务器理解了客户端的请求，但是拒绝执行此请求
404 Not Found 服务器无法根据客户端的请求找到资源（网页）。通过此代码，网站设计人员可设置"您所请求的资源无法找到"的个性页面
500 Internal Server Error 服务器内部错误，无法完成请求
webpack除了打包还能干嘛？
1.使用各种 loader 加载不同的资源
2.把所有资源打包起来
webpack中amd和cmd
使用模块化可以：
1、解决命名冲突；
2、可进行依赖管理；
3、增强代码的可读性；
4、代码解耦，提高代码的复用率；
AMD：
是"Asynchronous Module Definition"的缩写，意思就是"异步模块定义"。采用异步方式加载模块，模块的加载不影响它后面语句的运行。所有依赖这个模块的语句，都定义在一个回调函数中，等到加载完成之后，这个回调函数才会运行。
语法：define(id, dependences, factory);
CMD：
CMD（Common Module Definition）是 SeaJS推广过程中产生的。和AMD不同的是，它并不是异步加载，而是松散加载，只有当需要加载模块的时候，再用require方法引用模块。
语法：define(factory);
CMD：
CMD即 Common Module Definition 通用模块定义,是一种模块定义方式和模块加载方式的规范
语法：
define
define(id?, deps?, factory)
CMD 推崇一个文件一个模块，所以经常将文件名作为模块id
CMD 推崇依赖就近，所以一般不在define的参数中写依赖，在factory中写
factory有三个参数
function(require, exports, module)
require是一个方法，接受模块标识作为唯一参数，用来获取其他模块提供的接口
exports是一个对象，用来向外提供模块接口
module是个对象，上面存储了与当前模块相关的属性和方法
//定义模块module.js
define(function(require, exports, module){
var $ = require('jquery.js');
$('div').addClass('active');
});
//加载模块
seajs.use(['module.js'], function(my){
);
应用：Sea.js
AMD：
AMD即 Asynchronous Module Definition 异步模块定义，是一个在浏览器端模块化开发的规范
主要解决
1. js文件依赖问题
2. js加载时浏览器会停止页面渲染，加载文件越多，页面失去响应时间越长
语法：
define
define(id?, dependencies?, factory);
id： 可选参数，用来定义模块的标识，如果没有提供该参数，脚本文件名为模块标识符
dependencies：是一个当前模块依赖的模块名称数组
factory：工厂方法，模块初始化要执行的函数或对象。如果为函数，它应该之只被执行一次。如果是对象，此对象应该为模块的输出值
require
require([dependencies], function(){});
dependencies： 表示所依赖的模块
function(){}：当模块加载成功后执行的回调函数，加载的模块会以参数形式传入该函数
require()函数在加载依赖函数时是异步加载，所以浏览器不会失去响应，它指定的回调函数，只有前面的模块都加载成功了，才会运行，解决了依赖性
//定义module.js
define(['dependency'], function(){
var name = 'Array';
function printName(){
console.log(name);
}
return {
printName: printName
};
});
//加载模块
require(['module'], function(my){
my.printName();
});
应用：
Reauire.js
get和post的差别
get是向指定资源请求数据，是安全，幂等，可缓存，有长度限制的。
get是取数据，不需要带很大的数据量。把数据都放在url里面所以最好不要超过1024个字节，导致没有消息体，只有消息头。TCP对于这个就只发一个数据包。
post是向指定资源提交要被处理的数据，不是幂等，不可缓存，没有长度限制的。
post有消息体，得一个一个发。
语义的区别。
promise的作用
promise API
promise的顺序问题
MVVM在vue中的运用
M指的js中data
V指的是html部分（包含CSS）
vue中哪部分是VM
vuex的API
CSS3
还引申问了盒模型
有一个input输入框，两个按钮ajaxA和ajaxB，无法确知何时会点击A,B，要求在input中展示A在B前，如何实现
三种方法promise，状态锁，高阶函数
vue传递信息，父组件A,两个子组件B,C
当时想出两种办法，通过A，和新建event bus
应该还有其他方法
白屏问题
给出loading界面，引申网页传输请求优化
webpack amd
重构回流
当改变影响到文本内容或结构，或者元素位置时，重排或者说重新布局就会发生。reflow 会从这个root frame开始递归往下，依次计算所有的结点几何尺寸和位置，在reflow过程中，可能会增加一些frame，比如一个文本字符串必需被包装起来。这些改变通常由以下事件触发：
- DOM操作（元素添加，删除，修改，或者元素顺序的改变）;
- 容变化，包括表单域内的文本改变;
- CSS属性的计算或改变;
- 添加或删除样式表;
- 更改“类”的属性;
- 浏览器窗口的操作（缩放，滚动）;
- 伪类激活（：悬停）。
浏览器尽可能将重绘/重构 限制在被改变元素的区域内。比如，对于位置固定或绝对的元素，其大小改变只影响元素本身及其子元素，然而，静态定位元素的大小改变会触发后续所有元素的重流。
另一种优化技巧是，在运行几段JavaScript代码时，浏览器会缓存这些改变，在代码运行完毕后再将这些改变经一次通过加以应用。
