webSocket前端开发实现+心跳检测机制

最近项目用到了webSocket实时通信机制，将过程中遇到的麻烦和坑做一下记录

首先，了解一下webSocket是什么？它是一种网络通信协议，是HTML5开始提供的一种在单个TCP连接上进行全双工通讯的协议。

为什么要使用webSocket以及心跳检测机制

网上当然后很多讲解，这是本人的一个简单理解：
一般情况下前后端通信会采用HTTP网络协议，它是一种无状态的、无连接的、单向的应用层协议，采用请求/响应模式。即，通信请求只能由客户端发起，服务端对请求做出应答处理。
遇到实时的场景，我们就希望建立一次连接，就可以一直保持来呢及状态，这相比于轮询方式（即定时发HTTP请求）的不停建立连接显然效率要大大提高。
在使用webSocket的过程中，如果遇到网络断开，服务端并没有触发onclose事件，就会出现此状况：服务端会继续向客户端发送多余的连接，并且这些数据会丢失。
因此就需要一种机制来检测客户端和服务端是否处于正常的连接状态，因此就有了webSocket的心跳检测机制，即如果有心跳则说客户端和服务端的连接还存在，无心跳相应则说明链接已经断开，需要采取重新连接等措施。

前端开发实现

因为最近的主要工作是前端开发，就从前端开发的角度说一下webSocket连接机制，以及为了防止由于连接断开但未实时感知导致数据丢失的心跳检测机制。

//webSocket链接