[{"data":1,"prerenderedAt":203},["ShallowReactive",2],{"site:layout":3,"site:splash":55,"post:2026-05-21-post":70},{"id":4,"title":5,"avatar":6,"bio":7,"comments":8,"extension":13,"home":14,"intro":20,"meta":21,"murmurs":23,"name":25,"projects":26,"since":42,"social":43,"stem":53,"__hash__":54},"site\u002Fsite.json","KJSone的日常","https:\u002F\u002Fimg.kjsone.com\u002Fundefined20251118105306430.jpg?imageSlim","家养一只小泰迪",{"beaudarRepo":9,"beaudarTheme":10,"beaudarBranch":11,"beaudarOrigin":12},"DaiMu-210\u002Fnuxt-blog-cos-admin","github-light","main","https:\u002F\u002Fbeaudar.lipk.org","json",{"latestCount":15,"showStats":16,"pinnedSlugs":17,"featuredSlugs":18},10,true,[],[19],"2026-04-19-hello","鄙人什么也不会，就会写点日记",{"siteUrl":22},"https:\u002F\u002Fkjsone.com",{"visibleDays":24},0,"KJSone",[27,32,37],{"name":28,"url":29,"icon":30,"desc":31},"毕业设计","https:\u002F\u002Fbs.kjsone.com","👷‍♀️","一个简单的装修项目管理系统",{"name":33,"url":34,"icon":35,"desc":36},"固件羊","https:\u002F\u002Feasyhey.com\u002F","🐑","下一代固件烧录方案，让固件烧录变得简单",{"name":38,"url":39,"icon":40,"desc":41},"本富科技","","🔋","本富科技-V2小程序的前端开发","2025-10-08",[44,47,50],{"label":45,"url":46},"GitHub","https:\u002F\u002Fgithub.com\u002FDaiMu-210",{"label":48,"url":49},"BiliBili","https:\u002F\u002Fspace.bilibili.com\u002F440962725",{"label":51,"url":52},"Gmail","mailto:daimu2102655453@gmail.com","site","W0zTMaGFAhbCaNYODmRtrx3odFklkpqEVwtlLT9LrCM",{"id":4,"title":5,"avatar":6,"bio":7,"comments":56,"extension":13,"home":57,"intro":20,"meta":60,"murmurs":61,"name":25,"projects":62,"since":42,"social":66,"stem":53,"__hash__":54},{"beaudarRepo":9,"beaudarTheme":10,"beaudarBranch":11,"beaudarOrigin":12},{"latestCount":15,"showStats":16,"pinnedSlugs":58,"featuredSlugs":59},[],[19],{"siteUrl":22},{"visibleDays":24},[63,64,65],{"name":28,"url":29,"icon":30,"desc":31},{"name":33,"url":34,"icon":35,"desc":36},{"name":38,"url":39,"icon":40,"desc":41},[67,68,69],{"label":45,"url":46},{"label":48,"url":49},{"label":51,"url":52},{"id":71,"title":72,"body":73,"category":192,"date":193,"description":194,"draft":195,"extension":196,"meta":197,"navigation":16,"path":198,"seo":199,"stem":200,"tags":201,"__hash__":202},"posts\u002Fposts\u002F2026-05-21-post.md","告别来回切App！我做了一个极简的多平台商品比价助手",{"type":74,"value":75,"toc":180},"minimark",[76,81,94,98,105,110,122,126,129,133,139,155,159,162,166],[77,78,80],"h2",{"id":79},"购物狂的烦恼算不清的性价比","购物狂的烦恼：算不清的性价比",[82,83,84,85,89,90,93],"p",{},"每次遇到需要添置大件或者复购消耗品的时候，我都会陷入一个极其消耗精力的循环：打开淘宝看看价格，切到京东比比物流，再打开拼多多看看百亿补贴。\n如果仅仅是比总价就算了，更让人头疼的是",[86,87,88],"strong",{},"规格的差异","。 比如买个露营天幕，A店卖 150元（3x4米），B店卖 200元（4x5米），C店卖 180元（黑胶款 3x5米）。 想要知道到底哪个最划算，还得自己掏出计算器，一个一个算“每平方米多少钱”。等算完一圈，早忘了第一个看的是哪个店了。\n“既然应用之间来回切换这么麻烦，算数又这么烧脑，为什么不把它们放在同一个页面上，让程序帮我把性价比最高的那个揪出来呢？”\n带着这个想法，",[86,91,92],{},"「商品比价助手」"," 诞生了。",[77,95,97],{"id":96},"它能做什么","它能做什么？",[82,99,100,101,104],{},"这并不是一个会自动去爬取各大电商数据的神奇黑客工具（毕竟各家防爬虫都很严），而是一个",[86,102,103],{},"属于你自己的、极简的购物决策工作台","。",[106,107,109],"h3",{"id":108},"_1-跨平台同台竞技自动计算最优选","1. 🧠 跨平台同台竞技，自动计算“最优选”",[82,111,112,113,117,118,121],{},"你只需要建立一个分类（比如“露营天幕”），设定好比较单位（比如 ",[114,115,116],"code",{},"㎡","）。把你在各个平台看中的商品价格和尺寸填进去，系统瞬间就会计算出单价，并为性价比最高的那一款打上高亮的 ",[86,119,120],{},"“性价比最高”"," 金色徽章。买哪个，一目了然。",[106,123,125],{"id":124},"_2-链接收纳一键跳转","2. 🔗 链接收纳，一键跳转",[82,127,128],{},"不用再把商品链接扔进文件传输助手里吃灰了。在添加商品时粘贴分享链接，商品名称就会变成可点击的直达传送门。比对完毕后，直接点击第一名的名字，立刻跳回对应的电商 App 下单。",[106,130,132],{"id":131},"_3-绝不妥协的-ui-体验","3. 🎨 绝不妥协的 UI 体验",[82,134,135,136,104],{},"作为一个实用工具，它绝不是满屏表格的简陋后台。我为它设计了类似 Apple 和高级 SaaS 产品的",[86,137,138],{},"极简现代风",[140,141,142,146,149],"ul",{},[143,144,145],"li",{},"大量留白与细腻的卡片阴影。",[143,147,148],{},"丝滑的交互动画（使用 Framer Motion 驱动）。",[143,150,151,154],{},[86,152,153],{},"完美适配手机端","：不管你是在电脑前认真做攻略，还是在地铁上用手机随手记下价格，底部抽屉式的弹窗和响应式网格都能给你丝滑的操作体验。",[106,156,158],{"id":157},"_4-纯本地运行数据绝对隐私","4. 🔒 纯本地运行，数据绝对隐私",[82,160,161],{},"它不需要你注册账号，不需要你绑定微信。所有数据都通过 Zustand 状态管理安全地保存在你自己的浏览器 LocalStorage 里（而且做了专门的兼容性优化，Safari 下也能完美运行）。随开随用，轻量无负担。",[77,163,165],{"id":164},"写在最后给开发者的彩蛋","写在最后（给开发者的彩蛋）",[82,167,168,169,172,173,176,177],{},"这个项目的诞生过程非常迅速。前端栈使用了 ",[86,170,171],{},"React 18 + TypeScript + Vite"," 的黄金组合，样式部分则是用 ",[86,174,175],{},"Tailwind CSS"," 徒手捏出了这套极简风格。没有沉重的后端包袱，把全部的精力都倾注在了业务逻辑（多维度单价排序）和用户体验（UI 与微交互）上。\n如果你也经常为了买一样东西在三个 App 里来回切换，或者为了算清一包抽纸到底几毛钱一张而感到心累，不妨试试这种“把选项都列出来，让代码帮你做决定”的方法。\n毕竟，",[86,178,179],{},"省下的不仅是差价，更是我们宝贵的注意力。",{"title":39,"searchDepth":181,"depth":181,"links":182},3,[183,185,191],{"id":79,"depth":184,"text":80},2,{"id":96,"depth":184,"text":97,"children":186},[187,188,189,190],{"id":108,"depth":181,"text":109},{"id":124,"depth":181,"text":125},{"id":131,"depth":181,"text":132},{"id":157,"depth":181,"text":158},{"id":164,"depth":184,"text":165},"随笔","2026-05-21","想要买一件商品，还要精打细算，需要查看同一个商品在不同的平台上是多少钱，应用之间来回切换太麻烦了，倒不如直接放在同一个页面上自动筛选出性价比最高的那个，所以这个网站就这么出现了",false,"md",{},"\u002Fposts\u002F2026-05-21-post",{"title":72,"description":194},"posts\u002F2026-05-21-post",[],"ZAkAOmTW7D3tLXo6I_Ffvl6LUWiLv62mXZ-bItH5EbE",1779357305885]