xh's blog
文章
分类
标签
时间线
文章
分类
标签
时间线

分类

共 10 个分类

说明文档11项目笔记7期末复习11code4经验总结9前端面试2杂项3算法学习1项目经验1代码解读3

对基础 SSE 中流的处理的解读

2025/11/26 代码解读SSEfetchApi

解析

这是一段实现前端流式接收和处理 SSE(Server-Sent Events)数据的代码,它没有使用浏览器原生的EventSource,而是采用fetch配合流式读取来获取并处理数据,从而实现了逐字输出的效果。下面我们来逐部分解析。

🌟 注意核心是在processStream函数内部,当处理完一个数据块后,它再次调用reader.read().then(processStream),从而形成一个递归调用链,直到流结束(done为true)

阅读全文

SSE服务代码解读

2025/11/25 代码解读SSE

完整代码地址:sseService.js

这是一个功能完整的SSE(Server-Sent Events)客户端服务类,用于接收后端实时推送的设备状态变化通知。以下是对代码的详细解读:

🏗️ 整体架构设计

单例模式实现

// 创建全局单例实例,确保整个应用只有一个SSE连接
let sseServiceInstance = null
const getSseService = () => {
  if (!sseServiceInstance) {
    sseServiceInstance = new SSEService()
  }
  return sseServiceInstance
}
阅读全文

sseService文件解读(BroadcastChannel版)

2025/11/27 代码解读SSEBroadcastChannel

源文件地址:sseServiceWithBroadcastChannel.js

相关文章:BroadcastChannel方式解决sse连接数限制

阅读全文