开源项目 — Side Projects
业余时间写的工具和模板——真实需求驱动,遇到不爽的地方就自己动手。
Wiki 知识库
Next.js 15 全栈 · AI 问答 · 零外部依赖
Solution
Next.js 15 + SQLite 全栈:Tiptap 富文本编辑 + 树形目录 + 发布回滚;SSR 前台 SEO 友好 + 一行 <script> 嵌入的 AI 问答 Widget;混合检索 RAG(语义向量 + FTS5 + RRF),SSE 流式输出带来源引用。
Key Decisions
单容器 Docker 构建(~200MB) · 无 Embedding API 时回退本地 all-MiniLM-L6-v2,零配置离线可用 · 意图路由三段式降级 · token_version 会话即时失效
Highlights
不需要 PostgreSQL / Redis / 预配置 AI 服务 · 多厂商模型后台可配(OpenAI / DeepSeek / Ollama) · 内置限流、SSRF 防护 · 在线备份 API + 定时脚本
WinPaste
Rust + React · Tauri v2 桌面应用
Solution
Tauri v2——Rust 后端处理 Win32 钩子和剪贴板监听,React 前端渲染 Fluent Design 面板。WS_EX_NOACTIVATE 弹出不抢焦点,UIAutomation 精准定位光标,SSOT 原子状态机消除修饰键卡死竞态。
Key Decisions
非阻塞钩子 + Tokio Worker 接管繁重任务 · DPAPI + AES 加密敏感数据 · SQLite WAL 持久化 · 零遥测、零注册
Highlights
文本 / 富文本 / 图片 / 文件 / GIF 多格式捕获 · 隐私脱敏(手机号、身份证、邮箱、密码) · 顺序粘贴模式 · 全键盘操作 · Mica 毛玻璃三主题
TRS · turborepo-starter
Vue 3 Monorepo 启动模板 · pnpm + Turborepo
Solution
2 个 App + 7 个共享包的 Monorepo 模板。Dev/Prod 混合构建——开发时 Vite alias 直连源码跨包热更新,生产走预构建产物。工厂函数 + 依赖注入解耦 HTTP 客户端与框架。
Key Decisions
单向依赖拓扑 · 宿主依赖 peerDependencies,内部工具 dependencies · Turborepo dependsOn: ["^build"] 保证构建顺序 · 交互式 create-app 脚手架
Highlights
v-permission 按钮级权限 · vue-i18n 语言包跨应用共享 · SSE 全局单例 · Axios 拦截器链(Token / 指纹 / 401) · ESLint 10 flat config
工作项目 — Field Systems
在真实业务约束下交付的核心系统——从架构设计到上线部署,每个项目都是一份独立负责的工程档案。
BMS 跨境仓储售后系统
独立架构 · Vue 3 Monorepo 重构
Solution
pnpm Monorepo + Turborepo——9 个共享包,依赖拓扑严格单向(config → utils → fetch/i18n → ui → apps)。核心是配置驱动 CRUD 引擎:后端下发 JSON Schema 动态渲染列表和表单,配套 FormDesigner 可视化设计器,非开发人员拖拽即可产出 Schema 上线。
Key Decisions
单向依赖拓扑 · Singleton 库设 peerDependencies(两份 Pinia = 两个 store 注册表) · HTTP 客户端工厂 + 依赖注入 · pnpm.overrides 强制统一版本
Field Notes
16+ 字段类型、条件显隐、远程选项全部 Schema 化 · 40+ 列表页零前端代码 · 主动修复 2 个 P0 漏洞(Sentry Token 泄露、Axios CVE)+ 17 项技术债 · SSE 全局单例 + 多事件订阅
ServicePioneer 移动端
独立开发 · React Native + Expo
Solution
React Native 0.83 + Expo SDK 55 从零重写,46 页面 + 22 组件。核心波次拣货双数组驱动 + 乐观更新,跨多页流程浓缩到单页。ScanProvider 把 PDA Broadcast 统一抽象为 Context Provider,换品牌不用改业务代码,弱网可操作。
Key Decisions
双数组驱动波次拣货(pickingArray + cartArray) · 乐观更新保证流畅 · Zustand 跨平台持久化(Keychain / localStorage) · TanStack Query 服务端缓存
Field Notes
EAS Build 三环境 + EAS Update OTA 热更新 · FCM 推送 + Notifee 本地通知(前台/后台/杀死三态) · Android + iOS 双平台交付
Self Repair 自维修平台
独立前端架构 · Nuxt 3 全栈
Solution
Nuxt 3 SSR + Nitro + PM2 集群(3 实例)。教程 CMS(5 层分类:品牌→系列→型号→类型→教程)支持拖拽排序、审核流程、Fabric.js 示意图标注;Stripe 多货币购物,5 个销售区域切换自动清空购物车防价格错配。
Key Decisions
Plan-first AI 工作流——先审数据模型和架构边界再编码,四维审查验收 · 区域切换清空购物车 · 三维权限指令(权限 ID × 用户类型 × 品牌名)
Field Notes
约 90% 代码 AI 辅助开发——Plan-first 先审数据模型和架构边界再编码,效率与代码质量大幅提升 · WangEditor + Fabric.js Canvas 示意图标注 · 图片链路:CloudFront → vue-cropper 裁剪 → Nitro 代理绕 CORS
更多项目 — Capability Matrix
以下项目展示了跨平台、跨业务域的技术广度。虽未达到上述项目的复杂度,但每一项都是独立交付的生产环境代码。
物联网超管平台
独立从零构建,双端(桌面 + Web)交付,含能耗可视化与代码编辑器集成。
官网 Nuxt 3 SSR 重构
从旧版 CMS 迁移到 Nuxt 3 SSR,双端请求封装 + 混合路由策略 + SEO 优化。
深国际智慧办公系统
Vue 2 + TypeScript SaaS,工位拖拽可视化 + RBAC 权限 + 虚拟滚动长列表优化。
智慧办公小程序
集通行/访客/工位/会议/企服/停车一体,工位可视化选座 + 微信支付闭环。
鸿光雅玛分销小程序
uni-app 分销小程序打包生成 Android APP,打通小程序与 APP 关联。
校友活动平台 · 房鲸 · 瓶改管
uni-app / 原生小程序,覆盖活动报名、预约看房、政府需求收集等场景。
小助手通用管理系统
Vue 2 通用后台,首次独立设计 RBAC 权限体系 + CSP 防 XSS。
ServicePioneer v1 (uni-app)
旧版移动端(190 页面、5 语言),独立开发蓝牙打印组件,维护扫码 / RFID 模块。
运维与工具开发
Docker / Nginx / Linux 部署运维,NodeJS 监控脚本 + CLI 脚手架工具。