技术栈可行性:React 18 + 靠并发渲染、自动批处理保障 4K 下 60fps,FastAPI 单实例支持 3000 + 并发 / 秒;Ant Design Pro 需适配触摸(48px 点击区、80px 表格行高)与遥控器(键盘导航、焦点样式);用 rem+CSS 变量 + clamp () 实现多分辨率适配,控制 DOM<500、图片 < 200KB(WebP + 懒加载)。
核心功能:统一事件中心处理触摸 / 遥控器 / 自动播放事件;手势轮播支持 1-3 倍缩放与拖拽重置;自动播放靠 localForage 缓存、指数退避重连恢复网络。
数据同步:CDC 实现增量更新(乐观锁防冲突、断点续传大文件);WebSocket 断线存消息队列,重连后同步 24 小时内日志;DB 优化含复合索引、keyset 分页、Redis 缓存(TTL=5 分钟)。
安全与部署:XSS 过滤 + CSP 防护,Redis 实现 API 限流;Vault+KMS 管理加密密钥;Nginx 配置 SSL 与缓存,Docker 多环境部署;监控 CPU、API 响应等指标,用 Prometheus+Grafana 可视化。
性能优化:响应式图片 + 懒加载、路由代码分割;多级缓存(浏览器 / CDN/Redis/DB);压力测试目标:4K 首屏 < 3 秒、API 响应 < 300ms、支持 500 + 并发。