购物狂的烦恼：算不清的性价比

每次遇到需要添置大件或者复购消耗品的时候，我都会陷入一个极其消耗精力的循环：打开淘宝看看价格，切到京东比比物流，再打开拼多多看看百亿补贴。如果仅仅是比总价就算了，更让人头疼的是规格的差异。比如买个露营天幕，A店卖 150元（3x4米），B店卖 200元（4x5米），C店卖 180元（黑胶款 3x5米）。想要知道到底哪个最划算，还得自己掏出计算器，一个一个算“每平方米多少钱”。等算完一圈，早忘了第一个看的是哪个店了。 “既然应用之间来回切换这么麻烦，算数又这么烧脑，为什么不把它们放在同一个页面上，让程序帮我把性价比最高的那个揪出来呢？” 带着这个想法，「商品比价助手」 诞生了。

它能做什么？

这并不是一个会自动去爬取各大电商数据的神奇黑客工具（毕竟各家防爬虫都很严），而是一个属于你自己的、极简的购物决策工作台。

1. 🧠 跨平台同台竞技，自动计算“最优选”

你只需要建立一个分类（比如“露营天幕”），设定好比较单位（比如 ㎡）。把你在各个平台看中的商品价格和尺寸填进去，系统瞬间就会计算出单价，并为性价比最高的那一款打上高亮的 “性价比最高” 金色徽章。买哪个，一目了然。

2. 🔗 链接收纳，一键跳转

不用再把商品链接扔进文件传输助手里吃灰了。在添加商品时粘贴分享链接，商品名称就会变成可点击的直达传送门。比对完毕后，直接点击第一名的名字，立刻跳回对应的电商 App 下单。

3. 🎨 绝不妥协的 UI 体验

作为一个实用工具，它绝不是满屏表格的简陋后台。我为它设计了类似 Apple 和高级 SaaS 产品的极简现代风。

大量留白与细腻的卡片阴影。
丝滑的交互动画（使用 Framer Motion 驱动）。
完美适配手机端：不管你是在电脑前认真做攻略，还是在地铁上用手机随手记下价格，底部抽屉式的弹窗和响应式网格都能给你丝滑的操作体验。

4. 🔒 纯本地运行，数据绝对隐私

它不需要你注册账号，不需要你绑定微信。所有数据都通过 Zustand 状态管理安全地保存在你自己的浏览器 LocalStorage 里（而且做了专门的兼容性优化，Safari 下也能完美运行）。随开随用，轻量无负担。

写在最后（给开发者的彩蛋）

这个项目的诞生过程非常迅速。前端栈使用了 React 18 + TypeScript + Vite 的黄金组合，样式部分则是用 Tailwind CSS 徒手捏出了这套极简风格。没有沉重的后端包袱，把全部的精力都倾注在了业务逻辑（多维度单价排序）和用户体验（UI 与微交互）上。如果你也经常为了买一样东西在三个 App 里来回切换，或者为了算清一包抽纸到底几毛钱一张而感到心累，不妨试试这种“把选项都列出来，让代码帮你做决定”的方法。毕竟，省下的不仅是差价，更是我们宝贵的注意力。