  SakurasanandClaude
|
548ebee47f
|
perf: 优化热点穿透加载速度 + Canvas 渲染 + 触控板/手机交互
后端加载优化（盘中原本每次访问都重新聚合，耗时 10-30 秒）：
- 图聚合结果与题材股票子层盘中加 60 秒缓存
- 缓存过期时返回旧数据并后台幂等重建（stale-while-revalidate），打开即秒开
- 缓存基础支持秒级 TTL（set_cache 新增 ttl_seconds）
- 响应体瘦身：移除 edges（前端从 stocks[].themeCodes 重建）、
themes 精简字段、stocks 按 limit 裁剪，JSON 从数 MB 降至数百 KB
前端 Canvas 渲染重构：
- d3-force 布局保留，SVG 渲染层替换为 Canvas 双缓冲（静止态离屏层 drawImage）
- tick 由每帧 setState 改为 rAF 合帧，拖拽/缩放期间零 React 重渲染，800 节点流畅
交互优化：
- 手机：新增 +/−/适应 缩放按钮、命中半径放大至 22px、tap/drag 6px 阈值区分、
双指捏合缩放、触屏禁用 hover 避免与选中冲突
- Mac 触控板：双指滚动=平移、捏合(ctrlKey)=缩放、滚轮缩放保留、点空白取消选中
Co-Authored-By: Claude <noreply@anthropic.com>
|
2026-08-07 13:21:08 +08:00 |
|