---

[!info] related notes

• 所属 MOC: HTTP 与前端网络请求 MOC
• 概念: sse, web-socket, fetch-api
• 对比选型: realtime-communication-sse-websocket-polling, frontend-streaming-response-patterns
• AI 场景: AI 聊天与流式 UI, ai-product-frontend-reliability
• 排障: blogs/dailyuse-sse-compression-buffering-debug

流式数据

• 数据分多次传输，无需等待完整内容即可开始处理
• 场景：实时数据、视频流、音频流等

方案

1. Server-Sent Events (SSE)

特点：

• 单向通信（服务器推送数据，浏览器接收数据）
• 基于 HTTP 协议，自动重连
• 兼容性好

2. WebSocket

• 双向通信（服务器推送数据，浏览器接收数据）
• 适合高频双向数据交换

3. Fetch API + Streams API

特点：

• 精细控制数据流
• 适合处理大文件下载

4. XMLHttpRequest (旧式方案)

5. Web Workers + Stream（CPU密集型处理）

参考

参考