一、WebSocket是什么？
WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket 协议在2008年诞生，2011年成为国际标准。它的最大特点就是，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话，属于服务器推送技术的一种。
（1）建立在 TCP 协议之上，服务器端的实现比较容易。
（2）与 HTTP 协议有着良好的兼容性。默认端口80和443，借用了HTTP的协议来完成一部分握手。
（3）数据格式比较轻量，性能开销小，通信高效。
（4）可以发送文本，也可以发送二进制数据。
（5）没有同源限制。
（6）协议标识符是ws（如果加密，则为wss），服务器网址就是 URL。
WebScoket Request
Upgrade: websocket
Connection: Upgrade
这个就是Websocket的核心了，告诉服务器，我发起的是Websocket协议，快点帮我找到对应的助理处理。Sec-WebSocket-Key
它是一个Base64 encode的值，这个是浏览器随机生成的，告诉服务器：验证是不是真的是Websocket助理。Sec_WebSocket-Protocol
它是一个用户定义的字符串，用来区分同URL下，不同的服务所需要的协议。Sec-WebSocket-Version
用来告诉服务器所使用的Websocket Draft（协议版本）WebScoket Response
服务器会返回下列东西，表示已经接受到请求， 成功建立Websocket啦.
二、long poll 和 ajax轮询
1. ajax轮询 的原理非常简单，让浏览器隔个几秒就发送一次请求，询问服务器是否有新信息。
2. long poll 其实原理跟 ajax轮询差不多，都是采用轮询的方式，不过采取的是阻塞模型，也就是说，客户端发起连接后，如果没消息，就一直不返回Response给客户端。直到有消息才返回，返回完之后，客户端再次建立连接，周而复始。
总结：不管怎么样，上面这两种都是非常消耗资源的。ajax轮询 需要服务器有很快的处理速度和资源。（速度）
long poll 需要有很高的并发，也就是说同时接待客户的能力。（场地大小）
三、客户端简单示例
WebSocket 的用法相当简单。下面是一个例子（jsbin.com/muqamiqimu/…
WebSocket实例对象
四、客户端的 API
1. WebSocket 构造函数
WebSocket 对象作为一个构造函数，用于新建 WebSocket 实例。var ws = new WebScoket('ws://localhost:8080')
2. webSocket.readyState
readyState属性返回实例对象的当前状态，共有四种： 0：表示正在连接（CONNECTING）。 1：表示连接成功，可以通信（OPEN）。 2：表示连接正在关闭（CLOSING）。 3：表示连接已经关闭，或者打开连接失败（CLOSED）。
3. webSocket.onopen
实例对象的onopen属性，用于指定连接成功后的回调函数。ws.onopen=function(){
ws.send('hello everyone')
}
指定多个回调函数(addEventListener)
ws.addEventListener('open',evt=>{
ws.send('Hello World')
})
4. webSocket.onmessage
实例对象的onmessage属性，用于指定收到服务器数据后的回调函数。ws.onmessage = function(evt) {
console.log( "Received Message: " + evt.data)
};
接收多个回调函数(addEventListener)
ws.addEventListener('message',evt=>{
console.log( "Received Message: " + evt.data)
})
5. webSocket.send()
实例对象的send()方法用于向服务器发送数据。发送文本： ws.send('Hello everyone')
发送Blob对象：（Blob 对象表示一个不可变、原始数据的类文件对象）
var file = document.querySelector('input[type="file"]').files[0];
ws.send(file);
6. WebSocket.close()
实例对象的close()方法用于关闭连接。ws.close()
7. webSocket.onclose
实例对象的onclose属性，用于指定连接关闭后的回调函数。ws.onclose = function(evt) {
console.log("Connection closed.");
};
8. webSocket.onerror
实例对象的onerror属性，用于指定报错时的回调函数。ws.onerror=function(){
//
}
指定多个回调函数(addEventListener)
ws.addEventListener('error',evt=>{
//
})
