健康记录工具开发笔记

为了管理体重和饮食，自己写了个简单的网页工具，可以拍照记录每天吃了什么，记录体重变化曲线。

核心功能

• 拍照上传食物照片
• 记录体重数据
• 生成体重趋势图
• 手机端自适应

技术栈

纯前端HTML+Tailwind CSS，数据存在localStorage里，不需要后端。这样打开网页就能用，不需要登录。

踩的坑

手机拍照上传时，图片太大导致页面卡。后来用Canvas压缩到宽度800px再存，流畅多了。

这个工具目前只给自己用，后面会考虑加上密码保护，放在博客的子页面里。