FrontDevBox
基于 Electron + Vue 3 + TypeScript 开发,集成开发环境检测、Node.js 版本管理、项目工作区和任务中心,帮助前端开发者统一管理本地开发环境与项目任务。
things I have grown
一些正在进行和曾经参与过的项目。
selected work
基于 Electron + Vue 3 + TypeScript 开发,集成开发环境检测、Node.js 版本管理、项目工作区和任务中心,帮助前端开发者统一管理本地开发环境与项目任务。
内部运营后台,负责整体工程搭建与项目结构设计。搭建权限体系(动态菜单/路由守卫/按钮指令)并封装 Axios 请求层(Token 刷新、401 重试);抽象通用 DataTable 支持万级数据本地搜索/筛选/排序/导出;开发订单详情操作台(退款/订阅/自动扣费/License),Webpack 构建体积 19MB→7MB。
Nuxt4 AI 创作平台,主导前端架构。设计动态 AI App 渲染引擎,按配置自动渲染 10+ 类型控件,新增工具页仅需配置接入;轮询重构为 WebSocket + Pinia 任务状态机,实现刷新恢复、终态锁定与任务取消;接入 Stripe 订阅、reCAPTCHA 风控、GA4 付费埋点,处理 iframe 嵌入与 SSR/SEO 兼容,补充 Vitest 测试。
图序是一款基于 React Native + TypeScript 开发的 AI 图片管理 App,支持本地相册索引、智能分类、相似照片整理、自然语言搜索与 SQLite 数据持久化,帮助用户更高效地管理和查找手机照片。
个人独立开发的 uni-app 多端小程序,任务管理与互动场景。基于 Vue 3 构建,内置 Pinia 状态管理、Socket.IO 实时能力,以及请求层鉴权与自动刷新 Token 逻辑,面向微信小程序等多端运行。
零安装的局域网文件快传工具。Koa 服务端 + Vue 客户端,npx quickshare 一键启动、终端直接打印二维码扫码即传,支持 --port 指定端口、--hotspot 热点模式与密码保护,已发布 npm 并开源到 GitHub。
个人独立开发的微信小程序,订阅管理与到期提醒工具。支持微信登录、订阅增删改查与筛选、订阅消息到期推送提醒、多币种汇率折算与支出分析、CSV 数据导出(带鉴权与越权防护)、反馈闭环与轻量埋点。前端 uni-app + Pinia,后端 Koa2 + MySQL + JWT + Socket.IO。
面向照片理解、创作和本地图片处理的跨 Agent Skills 包。包含 14 个照片工作流,覆盖照片分析、人物后期、表情包、筛片、配色提取、电影化处理、故事卡、拍立得、壁纸、明信片、Contact Sheet、离线相册与自动路由;支持 OpenAI Codex、Claude Code、Cursor、Gemini CLI、OpenClaw 和 TRAE,基于 Python/Pillow 提供跨平台安装、校验与非破坏式图片处理。
开发维护约 30 个 WordPress 插件、10+ 转化类 Gutenberg Block(基于 React/wp.element 实现编辑器组件),将内容增长需求产品化;建设 People Search 与工具页体系(Username/Email/Caller ID/VIN 等),支持校验、reCAPTCHA 与 tracking;按页面/模板/短代码条件加载脚本,优化内容页性能。
从 0 到 1 开发工单侧边栏应用,自动解析邮箱与 License Key,实现双维度订单聚合查询;封装订单查询/退款/退订/自动扣款接口,退款页同步 ECC 逻辑,降低误操作与二次工单风险。
独立开发的博客站服务端。Koa2 + MySQL + JWT 鉴权 + Socket.IO 实时能力,24 个路由模块覆盖文章、评论、留言、友链、分类标签、站点设置、壁纸头像、用户权限、角色菜单、上传、统计、小册子、菜谱、工具、AI、图片工具、待办与跨境任务等;集成腾讯云 COS 对象存储、sharp 图片压缩、helmet 安全头与接口限流、node-schedule 定时任务,提供 RSS 订阅与站点统计接口。
归期本小程序的后端服务。Koa2 + MySQL + JWT,提供订阅管理、到期提醒、多币种汇率、微信登录、管理端与反馈闭环接口;基于 node-schedule 实现订阅到期提醒与每周支出回顾的微信订阅消息推送,定时自动更新汇率。
口袋任务小程序的后端服务。Koa2 + MySQL + JWT + Socket.IO,提供任务管理、合伙人机制、积分体系与微信登录(wx-login)接口,支持多端实时同步。
零依赖的现代日期时间工具库。TypeScript 编写,ESM/CJS 双格式、tree-shaking 友好;提供格式化模板、不可变日期计算、日历网格、相对时间与 i18n、基于 Intl 的时区转换,完整保留 v2 API 并修复历史 bug。
维护英/德/法/意/西/日购买页与购买组件,支持 7-day free trial 与 URL 参数联动;重构 Contact Us 为模板+后台配置;开发 unsubscribe 接入 reCAPTCHA,改造异步表单。
负责 IM SDK 技术选型与架构设计,选定 Rollup 打包;封装二进制封包/拆包、WebSocket、文件上传模块,Canvas 图片压缩;作为可访 APP 与 IM 类产品的底层通信能力。
基于 Flutter 构建 Android / iOS 跨平台 IM 客户端,独立完成应用架构设计、核心页面开发及多端适配;通过集成 IM SDK 实现消息收发、会话交互和文件传输等功能。
Vue 全家桶构建可访网页版,实现扫码登录、地图消息、Vant + rem 移动端适配,与 APP 端保持功能对齐。
云服务官网,负责全部前端开发与维护,含响应式布局与多端适配,承载产品介绍与品牌展示。
开发者平台,开发权限管理、工单系统、直播管理模块,配合官网与 SDK 文档形成完整开发者生态。
领兀开发者后台是用于管理开发者平台及 SDK 技术文档的内部管理系统,主要涵盖技术文档维护、文档分类、版本管理、内容配置及开发者平台相关数据管理等功能,为开发者平台内容维护和 SDK 文档管理提供统一的后台入口
企业官网及宣传类 H5 开发与维护,与产品/UI/后端配合完成需求评审、设计还原、接口联调与性能优化。
基于 Vue2 + Webpack + Vuex + Element UI 开发的智慧校园管理系统(智慧后台类政企项目),面向校园数字化管理场景。封装统一请求层(拦截器、Token 管理、错误提示)与权限体系(登录拦截、动态路由、按钮级权限、菜单配置);抽象通用表格、表单、图表等业务组件支撑多模块迭代;按路由懒加载与公共模块拆分控制构建体积,支持多环境构建与多角色视图。
基于 Vue2 + Webpack + Vuex + Element UI 开发的智慧特警业务系统(智慧后台类政企项目),面向警务协同与指挥调度场景。统一权限与路由体系,提供业务管理、任务协同、数据展示等模块界面;复用通用表格、表单、图表组件提升迭代效率,支持多端适配与多角色视图。