diff --git a/README.md b/README.md index 6214483..035ee04 100644 --- a/README.md +++ b/README.md @@ -80,3 +80,25 @@ SITE_2=name="master-2",backend_url="wss://m2.example.com",token="xyz789" 一个 `SITE_n` 都没设的话脚本啥也不干 直接用仓库里那份 `config.json` 本地 `npm run dev` 走的是 vite 直接起 也不会触发这个脚本 可以只有一个 `SITE` 不强制 `SITE_2` `SITE_3` 之类的 + +# 🎉 近期核心更新与深度优化 + +近期针对性能、高频检测支持以及 UI 质感进行了大刀阔斧的重构,带来“秒开”与“仪表盘级别”的监控体验: + +### 🚀 极致的性能与加载体验 +- ** IndexedDB 刷新秒开**:突破了传统的 `localStorage` 容量限制,引入原生 IndexedDB 持久化存储全量 24h 历史 TCPing 数据。现在每次刷新页面或重新打开浏览器,无需任何请求等待,**历史监控图表瞬间“秒开”铺满**。 +- **无缝增量渲染**:在界面秒开的基础上,后台以“请求一个、渲染一个”的瀑布流方式静默拉取缺失的数据段并无缝拼合,彻底告别旧版漫长的干等白屏。 +- **高并发节点保护**:重写数据拉取逻辑为按顺序单节点并发查询(Concurrency=1),有效避免几十台节点瞬间发起几百个 Websocket 请求导致后端卡死或触发限流。 +- **支持 20 秒高频检测**:将单节点 TCPing 拉取上限扩容至 `15000` 条。即使节点每 20 秒执行一次 Ping 检测(一日上万条记录),也能轻松拉满 24 小时的完整热力图,彻底解决右侧数据缺失或只有几小时记录的 Bug。 + +### 🎨 仪表盘级别的赛博质感 +- **细粒度网格进度条**:废弃了传统的单一直线进度条,CPU / 内存 / 磁盘的使用率现在采用 **20 格分离式点阵风格**(类似 TCPing 热力图),极具赛博科幻仪表盘质感。 +- **动态健康阈值色彩**: + - `< 70%` 正常状态:黑夜模式为纯白,白天模式为纯黑,带来极简的高对比度。 + - `70% - 100%` 高负载:平滑的琥珀色到橙色警告渐变。 + - `> 100%` 超频爆表:当 CPU 使用率破表时,激发 **专属高亮鲜红 + 红色光晕扩散特效**,监控一眼可见。 +- **全局日夜间双主题适配**: + - 白天模式(Light):去除了深色模式下的朦胧透明感,全面启用 `slate-50` 纯净白灰底色及高对比度石板灰字体,界面锐利、通透明亮。 + - 黑夜模式(Dark):保持深邃暗黑的极客赛博风格。 +- **24h 在线率前置**:无需点进详情页,在首页卡片上直接渲染 24h 历史存活状态长条。 +- **精准掉线计算**:优化在线率统计算法,仅对“完全掉线(100% 丢包)”的时段进行离线惩罚,间歇性的偶发丢包不再会导致服务器被误判为离线并标红,更贴合实际生产环境。 diff --git a/index.html b/index.html index edd8033..983bbca 100644 --- a/index.html +++ b/index.html @@ -14,12 +14,12 @@ } } catch (_) {} - +
- +