前端如何实现即时通信

1.短轮询
短轮询的原理很简单，每隔一段时间客户端就发出一个请求，去获取服务器最新的数据，必定程度上模拟实现了即时通信。
优势：兼容性强，实现很是简单
缺点：延迟性高，很是消耗请求资源，影响性能

2.comet
comet有两种主要实现手段，一种是基于 AJAX 的长轮询（long-polling）方式，另外一种是基于 Iframe 及 htmlfile 的流（streaming）方式，一般被叫作长链接。
具体两种手段的操做方法请移步Comet技术详解：基于HTTP长链接的Web端实时通讯技术
长轮询优缺点：
优势：兼容性好，资源浪费较小
缺点：服务器hold链接会消耗资源，返回数据顺序无保证，难于管理维护

长链接优缺点：
优势：兼容性好，消息即时到达，不发无用请求
缺点：服务器维护长链接消耗资源

3.SSE 使用指南请看Server-Sent Events 教程
SSE（Server-Sent Event，服务端推送事件）是一种容许服务端向客户端推送新数据的HTML5技术
优势：基于HTTP而生，所以不须要太多改造就能使用，使用方便，而websocket很是复杂，必须借助成熟的库或框架
缺点：基于文本传输效率没有websocket高，不是严格的双向通讯，客户端向服务端发送请求没法复用以前的链接，须要从新发出独立的请求

4.Websocket
Websocket是一个全新的、独立的协议，基于TCP协议，与http协议兼容、却不会融入http协议，仅仅做为html5的一部分，其做用就是在服务器和客户端之间创建实时的双向通讯。
优势：真正意义上的实时双向通讯，性能好，低延迟
缺点：独立与http的协议，所以须要额外的项目改造，使用复杂度高，必须引入成熟的库，没法兼容低版本浏览器

5.Web Worker
Web Worker 的做用，就是为 JavaScript 创造多线程环境，容许主线程建立 Worker 线程，将一些任务分配给后者运行

6.Service workers
Service workers 本质上充当Web应用程序与浏览器之间的代理服务器，也能够在网络可用时做为浏览器和网络间的代理，建立有效的离线体验。