前两篇文章介绍了设备数据采集和 MQTT 上报，本文将介绍如何存储这些数据并进行可视化展示。

上回介绍了使用 Modbus 协议采集蒸汽锅炉数据，本次将采集到的数据通过 MQTT 协议上报到服务器。

码农初次实践模拟采集设备数据，本次模拟采集蒸汽锅炉设备运行数据。

docx.js 与 docxtemplater 对比分析及最简示例一、核心定位与核心差异 特性维度 docxtemplater docx.js（dolanmiu/docx） 核心设计哲学 模板驱动：基于已有Office模板文件，通过占位符+JSON数据渲染生成文档，核心是「模板编辑」 编程式声明：从零开始通过代码构建完整docx文档，核心是「代码控制文档全结构」 API风格

前置环境要求 组件 最低要求 推荐配置（适配12G显存显卡） 操作系统 Windows 10+/macOS 12+/Linux 内核5.4+ Windows 11/macOS 14+/Ubuntu 22.04+ 运行环境 Node.js 18.0.0+、npm 9.0.0+ Node.js 20.x LTS 版本 VS Code 1.85.

在 Ubuntu 24.04 (Noble Numbat) 上安装 Docker，推荐使用官方源一键安装，稳定且更新及时。 一、前置准备（可选）如果之前安装过旧版 Docker，先卸载干净： 1sudo apt remove docker docker-engine docker.io containerd runc 二、正式安装（5步完成）1. 更新系统并安装依赖12sudo apt up

console 远不止 log 和分组，还能加颜色、图标、样式、警告、错误、表格、计时、计数等等，非常强大。 整理最实用、最常用的全套用法，直接复制就能用👇 1. 给 console.log 加颜色和样式（最酷）浏览器控制台支持 CSS 样式，用 %c 标记即可。 基础彩色日志12345678// 文字变红console.log("%c这是红色文字", "colo

requestAnimationFrame 执行频率分析requestAnimationFrame(animateScroll) 的执行频率不固定，而是与显示器刷新率同步。 核心原理requestAnimationFrame 是浏览器提供的 API，它会： 与显示器刷新率同步执行回调函数 通常在 60Hz 的显示器上，大约每 16.67ms 执行一次（1000ms ÷ 60 ≈ 16.67ms）

多组件场景下的 resize 处理方案对比当前方案 vs 组件重建方案当前方案：screenKeys 触发组件重建性能消耗分析： 高消耗：每次 screenKeys 变化时，所有使用该 key 的组件都会销毁重建 DOM 操作：移除旧 DOM 元素，创建新 DOM 元素，触发完整的组件生命周期 资源重分配：重新计算样式、重新绑定事件、重新初始化状态 替代方案：集中式 resize 监听方案一：

Scene: Morning Routine at Home Characters: Dad (Carl): A responsible father. Eden: A young student. (In the morning, Carl is standing outside Eden’s bedroom door, knocking gently.) Carl: (loudly but