我用纯前端做了两个真正会用的小工具
没有数据库,也没有登录注册,打开浏览器就能使用。对我来说,这正是前端最直接、也最有成就感的地方。 起因平时做课程任务、整理实验数据时,我经常会用表格和一些小脚本解决问题。久而久之,我发现生活里也有不少类似的需求:问题不大,却总差一个刚好顺手的工具。专门安装一个 App 显得太重,用 Excel 又不够直观,比如和朋友旅行回来后算账,或者记录一天里真正花在各项任务上的时间。 市面上当然不缺类似工具,但我试过几个之后,总觉得“差那么一点”:有的夹着广告,有的必须注册账号,还有的功能过于臃肿,反而找不到真正需要的入口。 于是我想到,与其继续寻找,不如把需求拆开,像调试一个小实验那样逐项验证:数据怎么输入、结果怎么展示、哪些步骤最容易出错。既然已经能写一些前端代码,干脆自己做一个。 就这样,两个轻量的小工具慢慢成形了。 项目一:多人旅行 AA 结算器 在线体验: 打开「出行 AA 助手」 解决什么问题?三五好友一起出游,你请了晚饭,他垫了门票,我付了打车费……旅程结束后,最头疼的往往不是整理照片,而是算清楚谁该给谁多少钱。人数和消费次数一多,数字看起来都没问题,最后却很容易差上...
OpenCode 新手安装与上手指南
OpenCode 是什么?第一次看到 OpenCode 时,我最关心的不是它能列出多少功能,而是它能不能真正读懂一个项目,并帮我完成一次可检查的小修改。 实际体验后,我觉得最直观的概括是:OpenCode 是运行在终端里的 AI 编程助手。 它可以阅读项目、解释代码、修复问题、生成代码、执行命令、编写测试,也能配合 Git 完成小步修改。它的使用方式与 Claude Code 等终端编程助手相似,但更加开放,也便于按需切换模型。 如果你第一次接触这类工具,可以先把它理解成一位“住在终端里的结对程序员”:我们负责提出目标、限定范围和检查结果,它负责阅读、分析与执行。对于平时要写小程序、处理数据或整理项目文件的人来说,这种协作方式并不难理解。 一、安装前需要准备什么 准备项 说明 终端 macOS 用 Terminal/iTerm2;Linux 自带终端;Windows 推荐 WSL2 + Windows Terminal AI 模型 Key 至少准备一个;可使用 Anthropic、OpenAI 或 OpenRouter 等服务 Git git --v...