前端如何实现即时通讯？

短轮询

短轮询的原理很简单，每隔⼀段时间客户端就发出⼀个请求，去获取服务器最新的数据，⼀定程度上模拟实现了即时通讯。

• 优点：兼容性强，实现⾮常简单
• 缺点：延迟性⾼，⾮常消耗请求资源，影响性能

comet

comet有两种主要实现⼿段，⼀种是基于 AJAX 的⻓轮询（long-polling）⽅式，另⼀种是基于 Iframe 及 htmlfile 的流（streaming）⽅式，通常被叫做⻓连接。

⻓轮询优缺点： - 优点：兼容性好，资源浪费较⼩ - 缺点：服务器hold连接会消耗资源，返回数据顺序⽆保证，难于管理维护

⻓连接优缺点： - 优点：兼容性好，消息即时到达，不发⽆⽤请求 - 缺点：服务器维护⻓连接消耗资源

SSE

SSE（Server-Sent Event，服务端推送事件）是⼀种允许服务端向客户端推送新数据的HTML5技术。

• 优点：基于HTTP⽽⽣，因此不需要太多改造就能使⽤，使⽤⽅便，⽽websocket⾮常复杂，必须借助成熟的库或框架
• 缺点：基于⽂本传输效率没有websocket⾼，不是严格的双向通信，客户端向服务端发送请求⽆法复⽤之前的连接，需要重新发出独⽴的请求

Websocket

Websocket是⼀个全新的、独⽴的协议，基于TCP协议，与http协议兼容、却不会融⼊http协议，仅仅作为html5的⼀部 分，其作⽤就是在服务器和客户端之间建⽴实时的双向通信。

• 优点：真正意义上的实时双向通信，性能好，低延迟
• 缺点：独⽴与http的协议，因此需要额外的项⽬改造，使⽤复杂度⾼，必须引⼊成熟的库，⽆法兼容低版本浏览器

Web Worker

Web Worker 的作⽤，就是为 JavaScript 创造多线程环境，允许主线程创建 Worker 线程，将⼀些任务分配给后者运⾏ Web Worker教程

Service workers

Service workers 本质上充当Web应⽤程序与浏览器之间的代理服务器，也可以在⽹络可⽤时作为浏览器和⽹络间的代 理，创建有效的离线体验。