更新日志
面向 Demo 页面与学习模块的简明记录。
-
生活成本计算器:UI 优化与交互稳定
默认改为白天模式,移除 <html class="dark">;取消左侧填表区域内部滚动,内容自然撑开页面;取消“随机生活开销”列表内部滚动,点击 +添加 后模块自动撑开;新增输出参数配色改为每行统一色,第一行青绿色、第二行蓝色、第三行橙色,布局更规整;“执行计算引擎”改名为“一键刷新”,英文为 Refresh。验证通过:JS 语法正常,默认 dark、左侧内部滚动、开销局部滚动、旧按钮文案均已清除。
-
生活成本计算器:统计学深度分析板块升级
在 pages/demo/cost_of_living_calculator.html 中新增描述性统计仪表盘,包含百分位、均值/中位数/众数、标准差/方差/IQR/CV、偏度/峰度和高波动项目提示;新增乐观、基准、悲观三情景压力测试,输出五年净资产终值并在悲观为负时触发财务安全预警;新增 10,000 次蒙特卡洛模拟,展示资产达 10万/50万/100万概率、现金流为负概率和进度条;新增龙卷风敏感性分析,按月薪、房租/房贷、餐饮、通勤、投资收益率、税负排序影响幅度;新增月开销箱线图、三情景瀑布图、资产概率密度/CDF、单变量敏感性龙卷风图;补全中英文切换、日夜间样式兼容和 ? 说明弹窗统计口径。验证通过:JS 语法、重复 ID、i18n 缺失、$() DOM 引用缺失检查通过;蒙特卡洛 10,000 x 60 轻量性能估算约 41ms,低于 2 秒目标;当前环境未暴露浏览器截图/控制工具,因此未做真实浏览器视觉截图验证。
-
生活成本计算器:现金流、债务与资产趋势增强
合并“开销拓扑雷达图”和“月预计开销雷达图”为同一板块左右分布;年度现金流饼图增加百分比标签和 tooltip 百分比;恢复统计学深度分析中原有的 95% 支出置信区间、退休年金推算、5年收入投影和月度数据;新增“现金资产与债务”模块,支持当前存款、一次性大额支出池、债务本金/月供/期数/名义年化;一次性大额支出池按月摊销计入预计支出,债务月供按剩余期数计入未来12个月现金流;新增真实年化 IRR 计算,用本金、月供、剩余期数求解;新增资金流向桑基图,用 canvas 展示税前总包到个税/五险二金/支出/结余的流向;新增 12 个月流动净资产趋势图,并提示是否在 12 个月内到达第一个 10万。验证通过:JS 语法、重复 ID、i18n、DOM 引用检查通过;IRR 快速数值校验中零利息分期返回 0%,含手续费场景返回合理正年化。
-
生活成本计算器:图表刷新 Bug 与核心摘要排版修复
Review 发现 resize 事件直接调用 runEngine(),而 runEngine() 会销毁并重建所有 Chart.js 图表,容易形成“窗口测量变化 -> 重建图表 -> 布局变化 -> resize -> 再重建”的循环;图表容器只有 flex-grow relative,没有稳定高度,Chart.js 在 maintainAspectRatio:false 下可能出现图表空白、拉直、撑开布局或测量异常;雷达图小标题和 canvas 原本放在同一自适应容器中,容易把雷达图拉扁;输入事件每次触发都立即重算并重建全部图表,蒙特卡洛和多图表重建会让页面显得持续刷新。已修复:新增 .chart-frame 固定图表绘图区并强制 canvas 占满容器;拆分雷达图标题和 canvas 容器;新增 scheduleRunEngine() 防抖刷新;resize 不再完整重算,只按已有数据重绘桑基图。同步修复“核心估算摘要”的文字排版:95% 支出置信区间改为“下限/上限”两个小块,退休年金推算改为“剩余年限/累计年金”,月度数据改为“可支配/支出/结余”三块,增加 .legacy-card/.legacy-chip 样式并补齐中英文切换。验证通过:JS 语法、重复 ID、i18n、DOM 引用检查通过。
-
生活成本计算器:实际口径、金融资产与劳动时间增强
扩展基金&股票、加班费、双休/年假、劳动比与月度口径;将顶部核心指标拆分为理论与实际结果,新增实际流动积累、资产积累趋势、月预计开销雷达图,并在导航栏增加输出指标说明弹窗。
-
生活成本-总包资产计算器 Beta 上线
新增 pages/demo/cost_of_living_calculator.html,支持薪资、奖金福利、五险一金个人/企业比例、企业年金频率、账户资产、生活开销与增长趋势的综合估算;补充日夜间主题、选择框可读性、逐项说明弹窗、隐私默认回归与现金/月薪趋势图。
-
Demo 首页 UI 重构
参考 Hugging Face Spaces 与 GitHub 仓库页的信息架构,升级模块卡片、导航、响应式布局、深色模式适配与页脚技术栈标签。
-
移除首页开屏与滚动浮动效果
取消 Demo 首页头部区域的入场位移与滚动视差,降低视觉干扰,保持页面稳定扫描。
-
补充模块关联博客入口
为每个已上线学习模块预留关联博客按钮,当前统一指向 404 占位页,等待后续文章接入。