sharing
资深前端开发 (7年经验)
专注于 React/Vue 生态
- 📧 Telegram：@SharingZzz
- 📍 所在地：中国
- 👩💻 性别：女
🎓 教育背景 (Education)
-
| 武汉工程大学 |
软件工程技术 |
本科 |
2014 - 2018 |
- 证书：大学英语四级 (CET-4)
💡 个人优势 (Highlights)
- 扎实的前端架构能力：拥有 7 年前端开发经验，精通 Vue 3 + TypeScript 及 React 生态，了解其设计思想和部分源码。熟练掌握 Webpack/Vite 构建优化，多次主导项目从 0 到 1 的完整流程（构建、开发、部署），深入理解 Vite 工作原理，并能够自主开发 Vite 插件来提高项目工程化的效率。熟悉 Monorepo 架构设计与实践，基于 pnpm workspace 构建多项目代码复用体系，通过依赖版本统一管理与组件库分层，支撑多品牌/多项目高效迭代。
- 微前端架构实践：深入理解微前端核心思想，熟练运用 Webpack Module Federation 实现跨应用模块共享与独立部署。在 Electron 项目中，主导将 Web 端的登录/注册模块及密码管理器组件封装为远程模块供客户端复用，消除重复开发，确保双端业务一致性，大幅缩短功能迭代周期。
- 熟练使用 Electron 进行桌面端开发：具备 Windows/macOS/Linux 跨平台应用开发构建经验。
- 服务端基础（协作优势）：了解 Node.js、Java (SpringBoot) 及 MySQL 基础。
- AI 工具高效应用：日常使用 Copilot、Gemini 等 AI 编程提升开发效率。
🛠 技术栈 (Tech Stack)
- 核心前端: JavaScript (ES6+), TypeScript, HTML5, CSS3 (Sass/Less), Unocss/TailwindCSS
- 框架与生态: vue及其生态, react及其生态, Element Plus, Ant Design
- 可视化/低代码: Vue Flow (节点编辑), ECharts
- 桌面端: Electron, Electron-builder, PWA
- 工程化: Webpack, Vite, monorepo
- 后端了解: Node.js, Java, MySQL (基础了解与简单维护)
💼 工作与项目经历 (Experience)
NEXT TECH | 前端架构师 (Vue 3)
2025.03 - 2026.03
MC多品牌厂商游戏综合后台管理系统 （2025.03 – 2026.03）
项目描述：
- 技术栈：Vue3 + Vue-router + Vite + Pinia + UnoCSS + TypeScript + Element Plus
- 面向游戏业务运营人员的综合管理平台，涵盖游戏配置、用户管理、数据监控、权限分配等核心模块
主要职责：
- 负责系统核心架构设计与技术方案评审，主导动态表单组件、权限控制体系、数据报表模块的架构设计
- 推动组件化建设，组织团队成员封装高复用性业务组件，建立统一 UI 交互规范
- 设计并开发工程化插件来提高开发效率
- 设计并落地权限控制方案，通过路由守卫与指令权限实现按钮级的精细访问控制，保障敏感操作安全
- 统筹项目进度管理，协调后端、产品、测试等多方资源，确保项目按期高质量交付
- 协助前端团队解决项目中遇到的疑难问题
项目亮点：
- 高阶表格组件
BaseTable：基于 Element Plus 的 el-table 二次封装，统一处理列配置、分页、导出、行选择等通用逻辑，减少重复的业务逻辑
- 动态表单引擎
DynamicForm：通过 JSON Schema 驱动表单渲染，支持字段联动、异步校验、嵌套对象等复杂场景，覆盖配置项 90% 的业务需求。
- 开发 Vite 插件
vite-plugin-auto-routes：基于文件系统自动生成路由表，约定 src/views 目录结构映射为嵌套路由，减少手动配置路由的繁琐与错误，开发新页面无需修改路由文件。
- 开发 Vite 插件
vite-plugin-check-languages：在项目构建中检查多语言文件是否齐全，由于项目中包含18种多语言，在编译时检查多语言文件是否齐全，语言图标是否齐全
MC多品牌游戏 h5 + PWA （2025.03 – 2026.03）
项目描述：
- 技术栈：Vue3 + Vue-router + Vite + Pinia + PWA + UnoCSS + TypeScript，基于 pnpm workspace 构建 Monorepo 架构
- 面向东南亚及欧洲市场的多语言游戏品牌，支持移动端 H5 及桌面端 PWA 安装，涵盖游戏、品牌活动、用户中心、提现充值等核心模块
- 采用 核心逻辑层 + 组件库层 + 主题配置层 的三层分离架构，支撑多个品牌独立部署，实现业务逻辑与视觉样式的解耦
主要职责：
- 主导项目技术选型与架构设计，基于 Vue3 + Vite + TypeScript + pnpm workspace 搭建高可扩展的前端 Monorepo 工程化体系，制定团队开发规范与代码评审流程
- 设计并实现 共享核心包（@mc/core） 封装路由、状态管理、API 接口、页面组件等公共业务逻辑；通用组件库（@mc/ui） 提供输入框、弹窗、表单等基础 UI 组件，并通过 CSS 变量支持主题定制；品牌应用 仅依赖核心包与组件库，通过主题配置实现视觉差异化
- 负责 PWA 方案的技术调研与落地，设计 Service Worker 缓存策略与离线回退机制，确保弱网环境下核心功能的可用性
- 统筹多语言国际化方案设计，支持 18 种语言的动态切换与语言包按需加载，降低首屏体积
- 与后端团队合作完成加密货币支付体系对接
- 合理利用各种 AI Agent 提高团队开发效率，把控项目交付质量
项目亮点：
- 通过 Monorepo 架构 实现核心代码 100% 复用，新增品牌时仅需配置主题变量与品牌资源，新品牌接入时间从 2 周缩短至 2 天内，累计支撑 10+ 个品牌快速上线
- 组件库基于 CSS 变量设计，品牌样式覆盖代码量减少 80%，通过 UnoCSS 原子化类实现样式与逻辑完全解耦
- 通过 Service Worker 预缓存关键资源与骨架屏结合，首屏加载时间缩短 40%，弱网环境下白屏问题显著改善
- 多语言方案采用按需加载策略，首屏体积减少 25%，支撑 18 种语言无缝切换
- 建立完善的依赖版本管理机制，通过 pnpm overrides 与 syncpack 确保所有子项目公共依赖版本一致，避免版本冲突
Skyforces 游戏bot购买平台 [线上地址] （2025.03 – 2026.03）
项目描述：
- 技术栈：Vue3 + Vue-router + Vite + Pinia + UnoCSS + TypeScript + Tidio
- 面向游戏玩家的 bot 购买与管理平台，支持商品浏览、bot 选购、下单支付、客服咨询
主要职责：
- 主导项目整体前端架构与技术选型，基于 Vue 3 + Vite 搭建高效开发环境。
- 负责核心页面（bot列表、详情、下单流程）的适配开发。
- 使用gsap动画库优化首页动画效果
- 使用 UnoCSS 实现响应式布局，采用 mobile-first 设计原则：默认类针对移动端（H5），通过 sm:/md:/lg: 等前缀渐进增强 PC 端样式（如 flex-col → flex-row、w-full → max-w-4xl、底部固定按钮 → 侧边浮动等）。
- 制定团队代码规范与 Code Review，与团队高效协作。
项目亮点：
- 封装 PopupAdapter 适配组件，统一处理弹窗/抽屉逻辑：PC 端使用居中大尺寸 Modal（fixed + transform），H5 端自动切换为底部抽屉或全屏模式（bottom-0 + slide-up 动画），一套代码兼容多端，避免重复开发。
- 通过 Tailwind 的响应式工具类（如 hidden md:block、flex-col md:flex-row、text-sm md:text-base）实现商品列表、表单、导航栏的全端自适应，一套样式代码覆盖 PC/H5，开发效率提升显著。
- 开发transform csv插件，让运营维护多语言Excel，前端只需要使用导出的csv转换成对应的语言的json文件，减少了前端开发的工作量，让前端把精力集中在业务逻辑开发上
浪桥科技 (Splashtop) | 前端开发工程师 (React + Electron)
2022.06 - 2025.03
🚀 项目一：Splashtop Secure Workspace（桌面端 – 员工访问客户端）
项目描述：
- 技术栈：Electron + React 18 + Webpack Module Federation + TypeScript + electron-builder
- 面向企业员工的零信任安全访问客户端，支持 Windows/macOS/Linux 三端，提供快捷入口、应用访问控制、系统托盘交互及实时安全告警，是员工日常办公的核心入口。
主要职责：
- 基于 Electron + React 构建跨平台桌面客户端，处理 Windows & Macos 端文件系统路径差异、原生窗口管理及全局快捷键冲突，保障体验一致性。
- 自主实现系统托盘 (Tray) 菜单动态更新与原生通知机制，支持后台运行状态可视化及告警实时推送。
- 引入 Webpack Module Federation，将 Web 端的登录/注册模块及密码管理器组件封装为远程模块，实现桌面端直接复用，确保双端业务逻辑完全一致。
- 搭建 electron-builder 打包流水线，针对 macOS 平台编写 preinstall/postinstall 脚本，自动完成系统扩展注入、内核权限配置及代码公证（notarization），实现“一键打包、合规分发”。
项目亮点：
- 通过模块联邦技术，避免双端重复开发，功能迭代周期缩短 30%。
🚀 项目二：Splashtop Secure Workspace（Web 端 – 管理控制台）
项目描述：
- 技术栈：React 18 + Redux + Webpack Module Federation + TypeScript + Ant Design
- 面向企业 IT 技术人员的零信任安全管理平台，提供应用创建、策略配置、用户权限管理、日志审计及特权账号（PAM）管理等核心功能。
主要职责：
- 负责管理控制台的整体前端架构设计，基于 React 18 构建模块化应用结构，通过 Redux 管理全局状态，封装 Axios 统一处理鉴权与错误拦截。
- 设计并实现操作日志监控看板，支持多维度筛选、实时刷新及日志导出，帮助 IT 人员快速审计员工行为。
- 通过 Webpack Module Federation 将核心业务模块（登录/注册、密码管理器）暴露给桌面端消费，保障双端一致性。
杭州博彦信息技术有限公司 | 前端开发工程师 (React)
2021.03 - 2022.06
🚀 项目一：HR-Direct 人力资源管理系统
项目描述：
- 技术栈：React Hooks + Redux + react-virtualized + ECharts + Ant Design
- 服务于阿里集团外包及直管员工（万人级）的综合管理系统，涵盖招聘、考勤、薪酬配置等核心模块。
主要职责：
- 薪酬算薪功能重构：面对复杂的薪资组成（基本工资、绩效、津贴、社保基数联动），利用 React Hooks + Redux 重构前端状态管理逻辑，解决了旧系统中数据流混乱导致的计算显示问题。
- 大数据量渲染优化：针对数万名员工的薪资列表，引入 react-virtualized 实现虚拟滚动，解决长列表渲染导致的页面卡顿。
- 数据可视化：使用 ECharts 开发薪资分析看板，支持多维度数据下钻与异常项高亮，帮助 HR 直观解读数据。
项目描述：
- 技术栈：React + Axios + React Router + Ant Design
- 企业级 API 网关与编排平台，支持 API 的配置、模型转换与编排。
主要职责：
- 前端架构设计：采用 React 构建模块化前端结构，封装 Axios 统一处理 Header 鉴权与全局错误拦截，结合 React Router 实现完善的权限路由控制。
- 接口联调与协作：配合后端完成 API 编排流程的联调，理解后端数据模型转换逻辑，高效设计前端数据结构。
TCGaming | 前端开发 (Vue)
2018.05 - 2020.09
项目描述：
- 技术栈：Vue 2 + Vuex + Vue Router + Webpack + i18n
- 游戏 PC 客户端重构项目，涵盖登录注册、游戏配置、多语言国际化等核心模块。
主要职责：
- 基于 Vue 2 全家桶搭建项目架构，完成登录注册、多语言国际化（i18n）、游戏配置等核心模块的开发。
- 负责公共业务组件的封装与维护，统一平台 UI 交互规范，提升开发复用率。