FrontDevBox
基于 Electron + Vue 3 + TypeScript 开发,集成开发环境检测、Node.js 版本管理、项目工作区和任务中心,帮助前端开发者统一管理本地开发环境与项目任务。
a little about me
前端开发

相关技能
熟练掌握 Vue2/ 3、TypeScript、 Nuxt 4 及现代前端工程化,能够独立完成中后台、CMS 和内容型 Web 应用开发
熟悉 SSR/CSR、动态路由、配置驱动页面、复杂表单及编辑器开发,具备 WebSocket / Socket.IO 实时状态和长任务交互经验
熟悉 Element Plus、Ant Design Vue、Vant 等 UI 组件库,能够独立完成 PC、移动端及响应式页面开发
具备前端性能与 SEO 优化经验,熟悉代码分割、资源加载优化、Vite / Webpack 构建优化,以及 Meta、Canonical、Sitemap、RSS 等 SEO 配置
熟悉 Git / SVN、ESLint、Vitest 等研发协作与质量工具,具备 Docker、Nginx、CI/CD 及前端项目部署经验
具备 WordPress 插件开发经验,熟悉 PHP、Gutenberg Block、Hooks / Filters,曾基于 React 开发 10+ 编辑器组件
具备 Zendesk SDK、Stripe、reCAPTCHA、GA4、地图服务及 ECharts 等第三方服务集成经验
了解 Node.js / Koa、MySQL 及 REST API 开发,能够配合或独立完成前后端联调;有 uni-app、微信小程序、Flutter、Electron / Tauri 跨端开发经验
我的作品
基于 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 测试。
开发维护约 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 订阅与站点统计接口。
零依赖的现代日期时间工具库。TypeScript 编写,ESM/CJS 双格式、tree-shaking 友好;提供格式化模板、不可变日期计算、日历网格、相对时间与 i18n、基于 Intl 的时区转换,完整保留 v2 API 并修复历史 bug。
负责 IM SDK 技术选型与架构设计,选定 Rollup 打包;封装二进制封包/拆包、WebSocket、文件上传模块,Canvas 图片压缩;作为可访 APP 与 IM 类产品的底层通信能力。
基于 Flutter 构建 Android / iOS 跨平台 IM 客户端,独立完成应用架构设计、核心页面开发及多端适配;通过集成 IM SDK 实现消息收发、会话交互和文件传输等功能。
