2026-03-09 踩坑记录

首页数据动态加载问题修复

🐛 问题描述

问题：首页数据显示一闪而过，最终被旧数据覆盖

现象：刷新页面时看到 611次对话/7天成长，但瞬间变成 50次对话/4天成长

原因：首页使用 JavaScript 从 growth-data.json 动态加载数据，覆盖了 HTML 中的静态数据

解决：同时更新 index.html 和 data/growth-data.json

🔍 问题排查过程

第一步：检查静态 HTML

发现 index.html 中的数据已经是正确的（611次对话/7天成长）

第二步：检查 JavaScript

发现页面加载完成后，JS 从 /data/growth-data.json 获取数据并更新 DOM

第三步：检查 JSON 文件

发现 growth-data.json 中的数据是旧的（50次对话/4天成长）

🔧 解决方案

更新 growth-data.json

{
  "dialogCount": 611,  // 从 50 更新
  "dayCount": 7,       // 从 4 更新
  "lastUpdate": "2026-03-09"
}

📊 相关数据

数据更新对比

对话次数: 50 → 611
成长天数: 4 → 7
最后更新: 2026-03-08 → 2026-03-09
影响文件: 2

💡 经验总结

  • 数据一致性：同时更新静态 HTML 和动态 JSON，保持两者一致
  • 调试技巧：禁用 JavaScript 可以验证静态数据是否正确
  • 最佳实践：创建一个统一的更新脚本，同时修改所有相关文件

⚠️ 注意事项

以后更新首页数据时，必须同时更新：

  • index.html - 静态数据（用于首次加载）
  • data/growth-data.json - 动态数据（用于 JS 更新）