websocket

由于 http 存在一个明显的弊端（消息只能有客户端推送到服务器端，而服务器端不能主动推送到客户端），导致如果服务器如果有连续的变化，这时只能使用轮询，而轮询效率过低，并不适合。于是 WebSocket 被发明出来。

websocket的特点（与http的对比）
本质还是tcp连接
1.支持双向通信，实时性更强
最大特点就是，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息
2.可以发送文本，也可以发送二级制文件
3.数据格式比较轻量，性能开销小，通信高效。
4.没有同源限制，客户端可以与任意服务器通信。

实现起来比较简单 socket.io

来看一个例子~

var ws = new WebSocket("wss://echo.websocket.org");

ws.onopen = function(evt) { 
  console.log("Connection open ..."); 
  ws.send("Hello WebSockets!");
};

ws.onmessage = function(evt) {
  console.log( "Received Message: " + evt.data);
  ws.close();
};

ws.onclose = function(evt) {
  console.log("Connection closed.");
};      

相关api
webSocket.onopen
用于指定连接成功后的回调函数。

webSocket.onclose
实例对象的onclose属性，用于指定连接关闭后的回调函数。

webSocket.onmessage
实例对象的onmessage属性，用于指定收到服务器数据后的回调函数。

webSocket.send()
实例对象的send()方法用于向服务器发送数据。

socket.io
不需要像在websocket中发送消息的时候要用JSON的stringify和parse方法将对象转化为字符串发送
可以发送自定义的事件

参考 http://www.ruanyifeng.com/blog/2017/05/websocket.html