WebSocket 稳定应用的关键在于连得稳、发得准、收得全、断了能续；需手动实现心跳保活、ACK确认、序列号校验、退避重连及消息队列管理。
JavaScript 中实现 WebSocket 通信很简单，但要做出稳定、可用的实时应用，关键不在“连上”，而在“连得稳、发得准、收得全、断了能续”。
WebSocket 基础连接与双向通信
用 new WebSocket(url) 创建实例即可建立长连接。它自动处理底层 TCP 握手（基于 HTTP 升级协议），之后客户端和服务端可随时互相发送文本或二进制数据。
- 监听
open事件表示连接就绪，此时才能调用send() - 用
onmessage接收服务端推送的数据，event.data是字符串或 Blob（取决于服务端发送类型） -
onerror不代表连接失败，只是某次操作出错；真正判断断连要看onclose
心跳保活与异常断连检测
WebSocket 没有内置心跳机制，NAT、代理、防火墙可能在空闲几十秒后静默关闭连接。必须手动加心跳。
- 客户端定时（如每 25 秒）发送一个轻量 ping 消息（如
ws.send("ping")），服务端收到后立即回 pong - 客户端记录最后收到消息的时间，若超过阈值（如 45 秒）没响应，主动
ws.close()并触发重连 - 不要只依赖
onclose的event.code判断原因——很多断连不带明确码，需结合超时逻辑综合判断
消息可靠性与顺序保障
WebSocket 本身保证消息有序、不丢包（TCP 层），但不保证“业务层面送达”。比如用户离线时消息就丢了。
情感家园企业站5.0 多语言多风格版
下载
一套面向小企业用户的企业网站程序！功能简单，操作简单。实现了小企业网站的很多实用的功能，如文章新闻模块、图片展示、产品列表以及小型的下载功能，还同时增加了邮件订阅等相应模块。公告，友情链接等这些通用功能本程序也同样都集成了！同时本程序引入了模块功能，只要在系统默认模板上创建模块，可以在任何一个语言环境（或任意风格）的适当位置进行使用！
立即学习“Java免费学习笔记（深入）”；
- 关键操作（如下单、聊天已读）需服务端返回 ACK，客户端等待确认后再更新 UI
- 给每条消息加递增序列号或唯一 ID，服务端按序广播，客户端检查跳号则请求补发
- 避免在
onmessage中做耗时同步操作（如大量 DOM 更新），用requestIdleCallback或分片处理防卡顿
重连策略与用户体验优化
网络抖动很常见，暴力轮询重连会雪崩。需要退避+状态管理。
- 首次失败后延迟 1 秒重试，每次失败翻倍（1s → 2s → 4s → 8s），上限设为 30 秒
- 维护连接状态（
connecting/open/reconnecting/closed），UI 显示“正在重连…”并禁用发送按钮 - 重连成功后，把断连期间产生的待发消息（存于内存队列）批量重发，并标记为“重发中”，防止重复提交
不复杂但容易忽略。
