1.AI 电商智能客服聊天用 WebSocket 还是用 SSE？

1.  标准版电商AI客服（90%企业选用）：优先 SSE纯AI问答、文字流式打字、商品答疑、自动回复，选SSE最优，开发运维成本更低。
2. 高阶全交互电商客服：必须 WebSocket支持实时打断AI回答、语音通话、人工转接、消息已读、撤回、多人协同客服、上传图片文件，必选WebSocket。

2.WebSocket心跳保活机制（解决 TCP 静默断连、代理超时）

• 前端定时器 20~30s 发一次 Ping 帧
• 服务端返回Pong
• 连续 2 轮收不到 Pong → 判断断连，执行重连

3.怎么主动打断 / 终止 AI 流式请求?

SSE 使用 EventSource.close 切断前端流，请求取消接口通知后端停止模型推理；

WebSocket 通过下发 cancel 业务指令终止单次 AI 生成，不销毁整条长连接，兼顾体验与算力节省。

4.AI 打字页面闪烁卡顿咋修好的？

原来直接原地改消息内容页面不刷新，会攒到一起突然冒出一大段内容。我改成{...原对象,content:原对象content+拼接内容} 替换数组项。

节流优化思路 不要收到片段就滚，积攒一段时间（比如 50ms）只滚动一次，不管中间来了多少包文字，只统一滚一次，大幅减少 DOM 重排，解决卡顿。

5.AI 接口掉线、卡壳，前端怎么防崩？

正在出 AI 答案的时候，按扭变成停止，点击停止就断掉 AI 请求；网断了给用户整个重试按钮，出错关掉加载动画。

6.AI 一边打字一边渲染 markdown，代码半截乱码怎么办？

AI 字没打完的时候，先当成普通文字展示，等 AI 全部说完，再一次性解析代码、表格，顺便过滤危险代码防止页面被篡改。

7.AI 打字快慢谁控制？

咱们后端控速度，50 到 300 毫秒发一小段字，前端只管接收展示就行，统一调速更方便。

8. 聊天记录太多，页面加载卡

历史消息别一次性全拉出来，往上滑再加载更早记录；消息上千条就用虚拟列表，屏幕外的消息不生成 DOM，少占资源。