20_HTML5 SSE --[HTML5 API 学习之旅]
HTML5 Server-Sent Events (SSE) 是一种技术，它允许服务器向浏览器推送更新。与传统的轮询不同，SSE提供了真正的单向实时通信通道：服务器可以主动发送数据到客户端，而不需要客户端发起请求。这对于实现实时更新的应用非常有用，比如股票行情、社交网络更新、聊天应用等。
SSE 的特点
- 单向通信：服务器到客户端的通信是单向的，客户端不能通过同一个连接向服务器发送信息。
- 自动重连：如果连接断开，浏览器会自动尝试重新建立连接。
- 简单性：相比WebSocket，SSE更简单，因为它基于HTTP协议，并且不需要额外的握手过程。
- 事件驱动：服务器可以通过发送特定格式的消息来触发客户端上的事件处理函数。
SSE 的基本语法
服务器端
服务器需要设置正确的HTTP响应头，并使用特定的格式发送消息给客户端：
Content-Type: text/event-stream
Cache-Control: no-cache
Connection: keep-alivedata: This is a message\n\n
每个消息以data:开头，后面跟着消息内容，最后用两个换行符（\n\n）结束。此外，还可以发送其他类型的指令，如event:指定事件类型或id:设置事件ID。
客户端
在客户端，使用JavaScript中的EventSource对象来接收来自服务器的消息：
if(typeof(EventSource)!=="undefined") {var source = new EventSource("/events");source.onmessage = function(event) {console.log("New message:", event.data);};source.onerror = function(event) {console.error("Error occurred:", event);};
} else {console.log("Your browser does not support server-sent events.");
}
示例：
下面是五个使用HTML5 Server-Sent Events (SSE) 从Gin框架中获取信息的完整示例，每个示例展示了不同的应用场景。这些示例包括了从简单的计数器更新到更复杂的实时通知系统和动态数据推送。
示例1: 简单计数器更新
服务器端（Go + Gin）代码:
文件：main.go
package mainimport ("fmt""net/http""time""github.com/gin-gonic/gin"
)func main() {r := gin.Default()// 加载HTML模板文件夹中的所有HTML文件，以便可以在响应中使用这些模板。// 这里假设HTML文件位于项目根目录下的"templates"文件夹中。r.LoadHTMLGlob("templates/*")// 定义根路径"/"的GET请求处理器。// 当用户访问根URL时，将渲染并返回"index.html"模板。r.GET("/", func(c *gin.Context) {c.HTML(http.StatusOK, "index.html", nil)})// 定义处理SSE事件的GET请求处理器，路径为"/events"。r.GET("/events", func(c *gin.Context) {// 设置HTTP响应头以支持SSE。// Content-Type设置为"text/event-stream"表示这是一个SSE流。// Cache-Control设置为"no-cache"防止浏览器缓存数据。// Connection设置为"keep-alive"保持连接打开。c.Header("Content-Type", "text/event-stream")c.Header("Cache-Control", "no-cache")c.Header("Connection", "keep-alive")// 检查ResponseWriter是否实现了Flusher接口，确保可以实时发送数据。flusher, ok := c.Writer.(http.Flusher)if !ok {http.Error(c.Writer, "Streaming unsupported!", http.StatusInternalServerError)return}// 开始一个循环来模拟服务器向客户端发送20条消息。for i := 0; i < 20; i++ { // 发送20条消息// 构建要发送的消息，格式为"data: [message]\n\n"。message := fmt.Sprintf("data: %d\n\n", i)c.Writer.WriteString(message)// 调用Flush()方法立即将缓冲区的数据发送给客户端。flusher.Flush()// 每次发送消息后暂停1秒，模拟延迟。time.Sleep(time.Second)// 如果客户端断开了连接（例如关闭了页面），则退出循环。if c.Writer.Size() == 0 {break}}})// 启动HTTP服务器，监听8080端口。// Gin框架默认在0.0.0.0上监听，意味着可以从任何网络接口访问该服务。r.Run(":8080") // 监听并在 0.0.0.0:8080 上启动服务
}
客户端（HTML + JavaScript）代码:
文件：templates/index.html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><!-- 设置文档的字符编码为UTF-8 --><title>SSE Counter</title><!-- 设置页面标题 -->
</head>
<body><h1>Counter:</h1><!-- 显示计数器标题 --><p id="counter">0</p><!-- 显示计数器数值，初始值设置为0 --><script type="text/javascript">// 检查浏览器是否支持Server-Sent Events (SSE)if(typeof(EventSource)!=="undefined") {// 创建一个新的EventSource对象，连接到服务器端点"/events"var source = new EventSource("/events");// 当从服务器接收到消息时触发此函数source.onmessage = function(event) {// 更新页面中ID为"counter"的<p>元素的内容为接收到的消息数据document.getElementById("counter").innerHTML = event.data;};// 如果发生错误（例如连接断开），触发此函数source.onerror = function(event) {console.error("Error occurred:", event);// 可选：关闭事件源以防止进一步尝试重新连接// source.close();};} else {// 如果浏览器不支持SSE，则显示提示信息document.getElementById("counter").innerHTML = "Sorry, your browser does not support server-sent events.";}</script><!-- 该脚本块用于与服务器建立SSE连接，并根据接收的数据更新页面上的计数器 -->
</body>
</html>
示例2: 实时通知系统
服务器端（Go + Gin）代码:
文件：main.go
package mainimport ("fmt""net/http""sync""time""github.com/gin-gonic/gin"
)// 定义一个互斥锁，用于在广播通知时同步对clients的访问。
var mu sync.Mutex// clients是一个保存所有客户端连接的映射，键是客户端的通信信道，值是一个布尔值表示状态。
var clients = make(map[chan string]bool)// broadcastNotification向所有连接的客户端广播通知消息。
func broadcastNotification(msg string) {// 加锁以确保并发安全。mu.Lock()defer mu.Unlock()// 遍历所有客户端，向它们发送消息。for client := range clients {client <- msg}
}// handleEvents处理客户端的事件流请求，保持连接开放并实时发送事件数据。
func handleEvents(c *gin.Context) {// 设置响应头，指明这是一个事件流。c.Header("Content-Type", "text/event-stream")c.Header("Cache-Control", "no-cache")c.Header("Connection", "keep-alive")// 创建一个信道，用于向该客户端发送消息。clientChan := make(chan string)defer close(clientChan)// 加锁以确保并发安全。mu.Lock()clients[clientChan] = truemu.Unlock()// 检查是否支持Flush操作。flusher, ok := c.Writer.(http.Flusher)if !ok {http.Error(c.Writer, "Streaming unsupported!", http.StatusInternalServerError)return}// 启动一个goroutine监听clientChan，并向客户端发送数据。go func() {for msg := range clientChan {c.Writer.WriteString(fmt.Sprintf("data: %s\n\n", msg))flusher.Flush()}}()// 保持连接开放，定期检查客户端是否还在线。for {time.Sleep(time.Second)if _, err := c.Writer.Write([]byte{}); err != nil {delete(clients, clientChan)break}}
}// main是程序的入口点，初始化Gin框架并设置路由。
func main() {r := gin.Default()r.LoadHTMLGlob("templates/*")// 定义根路径"/"的GET请求处理器。// 当用户访问根URL时，将渲染并返回"index.html"模板。r.GET("/", func(c *gin.Context) {c.HTML(http.StatusOK, "index.html", nil)})// 定义"/events"的GET请求处理器，用于处理事件流。r.GET("/events", handleEvents)// 启动一个goroutine定期生成通知消息并广播。go func() {for i := 0; ; i++ {time.Sleep(3 * time.Second)broadcastNotification(fmt.Sprintf("New Notification %d", i))}}()// 启动HTTP服务器，监听8080端口。r.Run(":8080")
}客户端（HTML + JavaScript）代码:
文件：templates/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<!-- 定义文档的字符编码 -->
<meta charset="UTF-8">
<!-- 设置网页的标题 -->
<title>Real-time Notifications</title>
</head>
<body>
<!-- 显示通知列表的标题 -->
<h1>Notifications:</h1>
<!-- 动态添加通知的容器 -->
<ul id="notifications"></ul><script type="text/javascript">
// 检查浏览器是否支持EventSource接口
if(typeof(EventSource)!=="undefined") {// 创建EventSource对象，连接到服务器的事件流var source = new EventSource("/events");// 监听来自服务器的消息事件source.onmessage = function(event) {// 创建一个新的<li>元素来显示通知var li = document.createElement("li");// 设置<li>元素的文本内容为接收到的消息数据li.textContent = event.data;// 将新的通知添加到通知列表中document.getElementById("notifications").appendChild(li);};
} else {// 如果浏览器不支持EventSource，显示提示信息document.write("Sorry, your browser does not support server-sent events.");
}
</script>
</body>
</html>
示例3: 动态天气更新
服务器端（Go + Gin）代码:
文件：main.go
package mainimport ("fmt""net/http""time""github.com/gin-gonic/gin"
)// getWeatherData 获取天气数据。在实际应用中，这个函数应该与天气服务API交互以获取实时数据。
// 返回值: 一个描述天气的字符串。
func getWeatherData() string {// 这里应该有一个函数来获取实际的天气数据return "Sunny with a chance of meatballs."
}// main 是程序的入口点。它设置了一个Gin路由器，配置了两个GET请求的处理器，并启动了服务器。
func main() {r := gin.Default()r.LoadHTMLGlob("templates/*")// 定义根路径"/"的GET请求处理器。// 当用户访问根URL时，将渲染并返回"index.html"模板。r.GET("/", func(c *gin.Context) {c.HTML(http.StatusOK, "index.html", nil)})// 定义"/weather"路径的GET请求处理器。// 该处理器通过Server-Sent Events (SSE)每5分钟向客户端发送一次天气更新。r.GET("/weather", func(c *gin.Context) {c.Header("Content-Type", "text/event-stream")c.Header("Cache-Control", "no-cache")c.Header("Connection", "keep-alive")flusher, ok := c.Writer.(http.Flusher)if !ok {http.Error(c.Writer, "Streaming unsupported!", http.StatusInternalServerError)return}for {data := getWeatherData()c.Writer.WriteString(fmt.Sprintf("data: %s\n\n", data))flusher.Flush()time.Sleep(5 * time.Minute) // 每五分钟更新一次if c.Writer.Size() == 0 {break}}})// 启动HTTP服务器，监听8080端口。r.Run(":8080")
}客户端（HTML + JavaScript）代码:
文件：templates/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Dynamic Weather Updates</title>
</head>
<body>
<h1>Weather:</h1>
<p id="weather">Loading...</p><script type="text/javascript">
if(typeof(EventSource)!=="undefined") {var source = new EventSource("/weather");source.onmessage = function(event) {document.getElementById("weather").innerHTML = event.data;};
} else {document.getElementById("weather").innerHTML = "Your browser does not support server-sent events.";
}
</script>
</body>
</html>
示例4: 聊天室消息推送
服务器端（Go + Gin）代码:
文件：main.go
package mainimport ("fmt""net/http""sync""time""github.com/gin-gonic/gin"
)// messages 存储聊天消息。
var messages []string// mu 用于保护 messages 切片的并发访问安全。
var mu sync.Mutex// addMessage 向消息列表中添加新消息。
// 该函数通过 mu 锁确保并发安全。
func addMessage(msg string) {mu.Lock()defer mu.Unlock()messages = append(messages, msg)
}func main() {r := gin.Default()r.LoadHTMLGlob("templates/*")// 定义根路径"/"的GET请求处理器。// 当用户访问根URL时，将渲染并返回"index.html"模板。r.GET("/", func(c *gin.Context) {c.HTML(http.StatusOK, "index.html", nil)})// 处理"/chat"的GET请求，以Server-Sent Events(SSE)形式发送聊天消息。// 该处理器持续运行，每秒向客户端推送一次消息，直到连接关闭。r.GET("/chat", func(c *gin.Context) {c.Header("Content-Type", "text/event-stream")c.Header("Cache-Control", "no-cache")c.Header("Connection", "keep-alive")flusher, ok := c.Writer.(http.Flusher)if !ok {http.Error(c.Writer, "Streaming unsupported!", http.StatusInternalServerError)return}for {mu.Lock()msgs := messagesmu.Unlock()for _, msg := range msgs {c.Writer.WriteString(fmt.Sprintf("data: %s\n\n", msg))flusher.Flush()}time.Sleep(time.Second)if c.Writer.Size() == 0 {break}}})// 处理"/send"的POST请求，用于接收客户端发送的新消息。// 从请求中提取"message"字段，并将其添加到消息列表中。r.POST("/send", func(c *gin.Context) {msg := c.PostForm("message")addMessage(msg)})// 启动HTTP服务器，监听端口为8080。r.Run(":8080")
}客户端（HTML + JavaScript）代码:
文件：templates/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Chat Room</title>
</head>
<body>
<h1>Chat Room:</h1>
<ul id="messages"></ul>
<form id="chat-form"><input type="text" name="message" placeholder="Type a message..." required /><button type="submit">Send</button>
</form><script type="text/javascript">
// 检查浏览器是否支持EventSource
if(typeof(EventSource)!=="undefined") {// 创建EventSource实例，建立到服务器的连接var source = new EventSource("/chat");// 监听服务器发送的消息事件source.onmessage = function(event) {// 创建一个新的li元素var li = document.createElement("li");// 将服务器发送的数据设置为li元素的文本内容li.textContent = event.data;// 将li元素添加到页面上的messages元素中document.getElementById("messages").appendChild(li);};// 监听表单的提交事件document.getElementById("chat-form").addEventListener("submit", function(event) {// 阻止默认的表单提交行为event.preventDefault();// 创建FormData实例，用于处理表单数据var formData = new FormData(event.target);// 使用fetch API发送POST请求到服务器fetch('/send', {method: 'POST',body: formData,}).then(response => {// 如果服务器响应成功，重置表单if (response.ok) {event.target.reset();}});});
} else {// 如果浏览器不支持EventSource，显示提示信息document.write("Sorry, your browser does not support server-sent events.");
}
</script>
</body>
</html>
示例5: 实时股票价格更新
服务器端（Go + Gin）代码:
文件：main.go
package mainimport ("fmt""math/rand""net/http""time""github.com/gin-gonic/gin"
)// getRandomStockPrice 生成一个随机的股票价格。
// 假设股票价格在100到200之间。
func getRandomStockPrice() float64 {return rand.Float64()*100 + 100
}func main() {r := gin.Default()r.LoadHTMLGlob("templates/*")// 定义根路径"/"的GET请求处理器。// 当用户访问根URL时，将渲染并返回"index.html"模板。r.GET("/", func(c *gin.Context) {c.HTML(http.StatusOK, "index.html", nil)})// 处理"/stock"的GET请求，通过Server-Sent Events (SSE) 实时推送股票价格。r.GET("/stock", func(c *gin.Context) {c.Header("Content-Type", "text/event-stream")c.Header("Cache-Control", "no-cache")c.Header("Connection", "keep-alive")// 检查响应写入器是否支持flush操作。flusher, ok := c.Writer.(http.Flusher)if !ok {http.Error(c.Writer, "Streaming unsupported!", http.StatusInternalServerError)return}// 创建一个定时器，每10秒发送一次股票价格。ticker := time.NewTicker(10 * time.Second)defer ticker.Stop()for {select {case <-ticker.C:// 生成新的股票价格并发送到客户端。price := getRandomStockPrice()c.Writer.WriteString(fmt.Sprintf("data: %.2f\n\n", price))flusher.Flush()// 如果响应内容为空，则终止循环。if c.Writer.Size() == 0 {return}}}})// 启动HTTP服务器，监听端口8080。r.Run(":8080")
}客户端（HTML + JavaScript）代码:
文件：templates/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Live Stock Price</title>
</head>
<body>
<h1>Stock Price:</h1>
<p id="price">Loading...</p><script type="text/javascript">
if(typeof(EventSource)!=="undefined") {var source = new EventSource("/stock");source.onmessage = function(event) {document.getElementById("price").innerHTML = "$" + event.data;};
} else {document.getElementById("price").innerHTML = "Your browser does not support server-sent events.";
}
</script>
</body>
</html>
这些示例涵盖了从简单到复杂的不同SSE应用场景。你可以根据自己的需求调整和扩展这些例子，以适应特定的业务逻辑或功能要求。
测试代码下载
html5_api代码
相关文章：
20_HTML5 SSE --[HTML5 API 学习之旅]
HTML5 Server-Sent Events (SSE) 是一种技术，它允许服务器向浏览器推送更新。与传统的轮询不同，SSE提供了真正的单向实时通信通道：服务器可以主动发送数据到客户端，而不需要客户端发起请求。这对于实现实时更新的应用非常有用&…...
jetson Orin nx + yolov8 TensorRT 加速量化 环境配置
参考【Jetson】Jetson Orin NX纯系统配置环境-CSDN博客 一 系统环境配置： 1.更换源： sudo vi /etc/apt/sources.list.d/nvidia-l4t-apt-source.list2.更新源： sudo apt upgradesudo apt updatesudo apt dist-upgrade sudo apt-get updat…...
Android Studio IDE环境配置
需要安装哪些东西： Java jdk Java Downloads | OracleAndroid Studio 下载 Android Studio 和应用工具 - Android 开发者 | Android DevelopersAndroid Sdk 现在的Android Studio版本安装时会自动安装，需要注意下安装的路径Android Studio插件…...
 作者 王东 单位 贵州师范学院)
PTA 7-2 0/1背包问题(回溯法) 作者 王东 单位 贵州师范学院
0/1背包问题。给定一载重量为W的背包及n个重量为wi、价值为vi的物体，1≤i≤n,要求重量和恰好为W具有最大的价值。 输入格式: 第一行输入背包载重量W及背包个数n，再依次输入n行，每行为背包重量wi和价值vi。 输出格式: 第一行输出装入背包内…...
Matlab环形柱状图
数据准备： 名称 数值 Aa 21 Bb 23 Cc 35 Dd 47 保存为Excel文件后： % Load data from Excel file filename data.xlsx; % Ensure the file is in the current folder or provide full path dataTable readtable(filena…...
【AI大模型】探索GPT模型的奥秘：引领自然语言处理的新纪元
目录 🍔 GPT介绍 🍔 GPT的架构 🍔 GPT训练过程 3.1 无监督的预训练语言模型 3.2 有监督的下游任务fine-tunning 🍔 小结 学习目标 了解什么是GPT.掌握GPT的架构.掌握GPT的预训练任务. 🍔 GPT介绍 GPT是OpenAI公…...
5.Python爬虫相关
爬虫 爬虫原理 爬虫，又称网络爬虫，是一种自动获取网页内容的程序。它模拟人类浏览网页的行为，发送HTTP请求，获取网页源代码，再通过解析、提取等技术手段，获取所需数据。 HTTP请求与响应过程 爬虫首先向…...
Windows系统上配置eNSP环境的详细步骤
华为eNSP（Enterprise Network Simulation Platform）是一款针对华为数通网络设备的网络仿真平台，用于辅助工程师进行网络技术学习、方案验证和故障排查等工作。以下是在Windows系统上配置eNSP环境的详细步骤： 1. 准备工作 下载安…...
Database.NET——一款轻量级多数据库客户端工具
文章目录 Database.NET简介下载使用使用场景总结 Database.NET简介 Database.NET 是一个功能强大且易于使用的数据库管理工具，适用于多种数据库系统。它为开发者和数据库管理员提供了一个统一的界面，可以方便地管理和操作不同类型的数据库。 支持的数据…...
新浪微博C++面试题及参考答案
多态是什么？请详细解释其实现原理，例如通过虚函数表实现。 多态是面向对象编程中的一个重要概念，它允许不同的对象对同一消息或函数调用做出不同的响应，使得程序具有更好的可扩展性和灵活性。 在 C 中，多态主要通过虚函…...
计算机视觉目标检测-1
文章目录 摘要Abstract1.目标检测任务描述1.1 目标检测分类算法1.2 目标定位的简单实现思路1.2.1 回归位置 2.R-CNN2.1 目标检测-Overfeat模型2.1.1 滑动窗口 2.2 目标检测-RCNN模型2.2.1 非极大抑制（NMS） 2.3 目标检测评价指标 3.SPPNet3.1 spatial pyr…...
【物联网技术与应用】实验15：电位器传感器实验
实验15 电位器传感器实验 【实验介绍】 电位器可以帮助控制Arduino板上的LED闪烁的时间间隔。 【实验组件】 ● Arduino Uno主板* 1 ● 电位器模块* 1 ● USB电缆*1 ● 面包板* 1 ● 9V方型电池* 1 ● 跳线若干 【实验原理】 模拟电位器是模拟电子元件，模…...
java常用类（上）
笔上得来终觉浅,绝知此事要躬行 🔥 个人主页：星云爱编程 🔥 所属专栏：javase 🌷追光的人，终会万丈光芒 🎉欢迎大家点赞👍评论📝收藏⭐文章 目录 一、包装类 1.1包装类…...
包管理工具npm、yarn、pnpm、cnpm详解
1. 包管理工具 1.1 npm # 安装 $ node 自带 npm# 基本用法 npm install package # 安装包 npm install # 安装所有依赖 npm install -g package # 全局安装 npm uninstall package # 卸载包 npm update package # 更新包 npm run script #…...
CI/CD是什么？
CI/CD 定义 CI/CD 代表持续集成和持续部署（或持续交付）。它是一套实践和工具，旨在通过自动化构建、测试和部署来改进软件开发流程，使您能够更快、更可靠地交付代码更改。 持续集成 (CI)：在共享存储库中自动构建、测试…...
)
[Java]合理封装第三方工具包(附视频)
-1.视频链接 视频版: 视频版会对本文章内容进行详细解释 [Java]合理封装第三方工具包_哔哩哔哩_bilibili 0.核心思想 对第三方工具方法进行封装,使其本地化,降低记忆和使用成本 1.背景 在我们的项目中,通常会引用一些第三方工具包,或者是使用jdk自带的一些工具类 例如: c…...
常规配置、整合IDEA
目录 Redis常规配置 tcp-keepalive security Jedis RedisTemplate 连接池技术 Lua脚本 Jedis集群 Redis应用问题&解决方案 缓存穿透 缓存击穿 缓存雪崩 分布式锁 Redis实现分布式锁 Redis新功能 ACL Redis常规配置 tcp-keepalive security redis.conf中…...
用Python写炸金花游戏
文章目录 **代码分解与讲解**1. **扑克牌的生成与洗牌**2. **给玩家发牌**3. **打印玩家的手牌**4. **定义牌的优先级**5. **判断牌型**6. **确定牌型优先级**7. **比较两手牌的大小**8. **计算每个玩家的牌型并找出赢家**9. **打印结果** 完整代码 以下游戏规则： 那…...
计算机的错误计算（一百九十二）
摘要 用两个大模型计算 csc(0.999), 其中，0.999是以弧度为单位的角度，结果保留5位有效数字。两个大模型均给出了 Python代码与答案。但是，答案是错误的。 例1. 计算 csc(0.999), 其中，0.999是以弧度为单位的角度，结…...
37 Opencv SIFT 特征检测
文章目录 Ptr<SIFT> SIFT::create示例 Ptr SIFT::create Ptr<SIFT> SIFT::create(int nfeatures 0,int nOctaveLayers 3,double contrastThreshold 0.04,double edgeThreshold 10,double sigma 1.6 );参数说明：nfeatures：类型&#x…...
19c补丁后oracle属主变化，导致不能识别磁盘组
补丁后服务器重启，数据库再次无法启动 ORA01017: invalid username/password; logon denied Oracle 19c 在打上 19.23 或以上补丁版本后，存在与用户组权限相关的问题。具体表现为，Oracle 实例的运行用户（oracle）和集…...
C++_核心编程_多态案例二-制作饮品
#include <iostream> #include <string> using namespace std;/*制作饮品的大致流程为：煮水 - 冲泡 - 倒入杯中 - 加入辅料 利用多态技术实现本案例，提供抽象制作饮品基类，提供子类制作咖啡和茶叶*//*基类*/ class AbstractDr…...
大语言模型如何处理长文本？常用文本分割技术详解
为什么需要文本分割？ 引言：为什么需要文本分割？一、基础文本分割方法1. 按段落分割（Paragraph Splitting）2. 按句子分割（Sentence Splitting）二、高级文本分割策略3. 重叠分割（Sliding Window）4. 递归分割（Recursive Splitting）三、生产级工具推荐5. 使用LangChain的…...
ETLCloud可能遇到的问题有哪些？常见坑位解析
数据集成平台ETLCloud，主要用于支持数据的抽取（Extract）、转换（Transform）和加载（Load）过程。提供了一个简洁直观的界面，以便用户可以在不同的数据源之间轻松地进行数据迁移和转换。…...
AGain DB和倍数增益的关系
我在设置一款索尼CMOS芯片时，Again增益0db变化为6DB，画面的变化只有2倍DN的增益，比如10变为20。 这与dB和线性增益的关系以及传感器处理流程有关。以下是具体原因分析： 1. dB与线性增益的换算关系 6dB对应的理论线性增益应为&…...
A2A JS SDK 完整教程：快速入门指南
目录 什么是 A2A JS SDK?A2A JS 安装与设置A2A JS 核心概念创建你的第一个 A2A JS 代理A2A JS 服务端开发A2A JS 客户端使用A2A JS 高级特性A2A JS 最佳实践A2A JS 故障排除 什么是 A2A JS SDK? A2A JS SDK 是一个专为 JavaScript/TypeScript 开发者设计的强大库ÿ…...
Linux部署私有文件管理系统MinIO
最近需要用到一个文件管理服务，但是又不想花钱，所以就想着自己搭建一个，刚好我们用的一个开源框架已经集成了MinIO，所以就选了这个 我这边对文件服务性能要求不是太高，单机版就可以 安装非常简单，几个命令就…...
LCTF液晶可调谐滤波器在多光谱相机捕捉无人机目标检测中的作用
中达瑞和自2005年成立以来，一直在光谱成像领域深度钻研和发展，始终致力于研发高性能、高可靠性的光谱成像相机，为科研院校提供更优的产品和服务。在《低空背景下无人机目标的光谱特征研究及目标检测应用》这篇论文中提到中达瑞和 LCTF 作为多…...
Unity中的transform.up
2025年6月8日，周日下午 在Unity中，transform.up是Transform组件的一个属性，表示游戏对象在世界空间中的“上”方向（Y轴正方向），且会随对象旋转动态变化。以下是关键点解析： 基本定义 transfor…...
鸿蒙（HarmonyOS5）实现跳一跳小游戏
下面我将介绍如何使用鸿蒙的ArkUI框架，实现一个简单的跳一跳小游戏。 1. 项目结构 src/main/ets/ ├── MainAbility │ ├── pages │ │ ├── Index.ets // 主页面 │ │ └── GamePage.ets // 游戏页面 │ └── model │ …...