Gift Ledger
电子礼簿
一本会「自己留痕」的记账应用。宾客排着队办喜事时,一手接红包一手记:金额自动转中文大写、姓名竖排对齐、改过的每一笔由数据库自己留痕,最后铺满 A4 直接打印成册。
约 6900 行 / 42 个文件 · Vue 3 全栈
我是 HOLZWEGE,一名大前端工程师,也在做 AI 应用。过去十年,
我在浏览器里画过工业产线大屏,在手机上把首屏压进 1 秒,
也把小程序的包体积从 4MB 砍到 900KB——还跟一个 8px 的间距较过劲。
这两年更多时间花在把 AI 接进真实产品上:让模型读懂业务上下文、让 Agent 跑通完整流程、 让交互从「点按钮」变成「说一句话」。我相信性能就是体验,一致性就是效率—— 先把问题拆到底层,再用最合适的工具一次做对。
工作之外,我喜欢在深夜里折腾渲染管线、研究交互手感, 也把踩过的坑写成随笔发在掘金上。
说人话版的项目清单:它解决什么问题、做到什么程度。没有玄学名词。
Gift Ledger
一本会「自己留痕」的记账应用。宾客排着队办喜事时,一手接红包一手记:金额自动转中文大写、姓名竖排对齐、改过的每一笔由数据库自己留痕,最后铺满 A4 直接打印成册。
约 6900 行 / 42 个文件 · Vue 3 全栈Check-in Cloud
每天手动点一下签到的活儿,交给云端流水线。固定时间自动签到、领积分、派猫猫旅行——电脑关着、客户端不开也照签。脚本纯标准库零依赖,凭据放在独立私有仓库里注入。
部署一次 ≈10 分钟 · 之后不用管Toolchain
让依赖、版本和环境不再互相打架:用 pnpm 收掉重复依赖与幽灵依赖,用 Volta 做到进目录就自动切到正确的 Node,用分层的 .env 管住多环境配置,新人克隆下来就能直接跑。
磁盘占用最多省 60% · 安装快 2 倍Multi-Terminal
同一套业务代码同时投放 iOS、Android、小程序与 H5。把路由、状态、样式和原生能力都收在一层适配里,各端差异只留在一个文件夹,改一处六端生效。
双端实现差异收敛到 <5%Performance
把「慢」变成一条能被 CI 拦下的红线:先定性能预算,再逐项拆掉首屏请求、图片体积、长任务和包体积,每一项都留下实测收益与代价。
首屏 3.8s → 1.2s · 主包包体积 -78%3D & Visualization
能真正跑在浏览器里的大屏与交互 3D:粒子星云、能量网格、人工神经网络与自定义着色器,配合后期辉光和降级策略,在普通设备上也保持流畅。
大屏稳定 60 FPS · 移动端自动降级都是动手之后写下来的——工程实践、踩坑记录与工具选型,原文同步发布在掘金。
婚礼上记账有多狼狈,做过的人都知道。于是我从纸质礼簿的格子开始,重做了一本会自己留痕的电子簿。
每天手动点一下签到实在烦,于是把整套流程交给云原生构建定时跑——电脑关着也能签。
在浏览器里看到问题,却要在庞大项目里翻文件树。一个插件把「人肉定位」压到毫秒级。
四个文件、一套优先级、一个前缀规则——把多环境配置讲清楚,顺带解决团队协作的老痛点。
让 Node 版本成为代码的一部分:进目录自动切换,顺便把安装目录挪出 C 盘。
扁平化依赖树到底错在哪?硬链接 + 符号链接又是怎么把磁盘和安装时间一起省下来的。