perf(页面加载): 优化价格显示性能并添加加载状态处理

- 改用DOMContentLoaded事件提前初始化页面
- 实现渐进式价格显示:基础价格→加载中→实时价格
- 为fetchVisitData添加超时和重试机制
- 新增价格状态视觉区分样式
- 从2分钟等待优化为立即显示基础价格,后台异步更新
This commit is contained in:
2025-08-17 14:49:06 +08:00
parent 9653a70dad
commit 9e8a88274d
3 changed files with 207 additions and 21 deletions

View File

@@ -158,6 +158,12 @@ const BOOKED_STATUS = {
## 更新日志
### 2025-01-27
- 🚀 **页面加载性能优化**
- 改用 `DOMContentLoaded` 事件替代 `window.onload`,提前初始化页面
- 实现渐进式价格显示:立即显示基础价格 → 加载状态 → 实时价格
- 新增 `fetchVisitData()` 超时处理15秒和重试机制3次
- 新增价格状态视觉区分:基础价格(灰色斜体)、加载中(蓝色动画)、实时价格(绿色加粗)
- 优化用户体验从首次加载需2分钟等待优化为立即显示基础价格后台异步更新实时价格
- 🔧 **新增Token自动更新功能**
- 添加了Umami token自动获取和更新机制
- 新增 `getNewUmamiToken()` 函数用于获取新token