sharing

💡 个人优势 (Highlights)

扎实的前端架构能力：拥有 7 年前端开发经验，精通 Vue 3 + TypeScript 及 React 生态。擅长架构企业级 B 端中后台系统，在低代码逻辑编排（行为树）、可视化分析及复杂表单状态管理方面有深厚实战积累。
精通桌面端开发：熟悉 Electron 技术栈，具备 Windows/macOS/Linux 跨平台应用开发经验，能够处理系统级能力调用（如托盘、通知、快捷键）及原生模块兼容问题。
工程化与性能优化：熟练掌握 Webpack/Vite 构建优化，主导过项目从 0 到 1 的搭建。擅长通过代码分割、资源懒加载、虚拟滚动等手段解决性能瓶颈。
服务端基础 (协作优势)：了解 Node.js、Java (SpringBoot) 及 MySQL 基础，能够顺畅与后端团队进行数据结构设计（如递归树形结构协议）与接口联调，显著降低沟通成本。

🛠 技术栈 (Tech Stack)

核心前端: JavaScript (ES6+), TypeScript, HTML5, CSS3 (Sass/Less)
框架与生态: Vue 3 Composition API (Pinia/Vite), React (Hooks/Redux/Router), Element Plus, Ant Design
可视化/低代码: Vue Flow (节点编辑), ECharts, Dagre (图布局算法), react-virtualized
桌面端: Electron, Electron-builder, 跨平台兼容处理
工程化: Webpack, Vite, Git, Nginx (反向代理配置)
后端了解: Node.js, Java, MySQL (仅限于基础了解与简单维护)

💼 工作与项目经历 (Experience)

NEXT TECH | 前端开发工程师 (Vue 3)

2025.05 - 2026.01

🚀 核心项目：游戏策略配置与行为树管理系统 (Strategy & Behavior Tree System)

项目描述：一套用于游戏业务风控与策略配置的中后台系统。核心功能包含可视化的行为树(规则链)编辑器、RTP(返奖率)数据监控及全链路日志追踪。

技术栈： Vue 3, TypeScript, Vite, Element Plus, Vue Flow, ECharts, Dagre

核心贡献：

可视化行为树编辑器 (低代码核心)：
基于 Vue Flow 深度定制开发了策略逻辑编排器，支持节点拖拽生成、连线逻辑校验及局部数据回显。
集成 Dagre 算法实现复杂树形结构的自动层级布局 (Auto Layout)，解决了大规模节点（100+节点）展示错乱的问题。
设计了 Condition (条件) 与 Action (策略) 的差异化交互，实现了递归协议转换，高效处理前端 Graph 模型与后端 Tree JSON 数据之间的双向映射。
全链路日志追踪 (Trace Visualization)：
开发了策略执行链路的线性日志追踪视图，采用自定义节点渲染技术，将“静态配置规则”与“运行时真实数据”进行快照对比（如金额区间命中情况），辅助运营快速定位策略执行问题。
解决了长列表日志渲染的性能问题，利用虚拟滚动与节点复用技术，确保在海量日志下的流畅体验。
复杂交互组件与报表：
封装了高复用性的业务组件（如 AmountPlugin），支持动态切换数值比较符（>/</区间）、局数选择及多语言适配，统一了全局的表单交互规范。
基于 ECharts 开发策略效能监控看板，实现了多维度数据下钻与异常指标高亮。
性能与体验优化：
解决了 ElTable 在数据刷新后的滚动条复位问题，封装通用 Hook 统一管理表格滚动行为，提升了操作体验。
实现了完善的国际化 (i18n) 方案，覆盖了动态表单项、枚举值及图表配置的多语言切换。

浪桥科技 (Splashtop) | 前端开发工程师

2022.06 - 2025.03

🚀 核心项目：Splashtop Secure Workspace (桌面端 & Web端)

项目描述：一款针对企业级零信任安全架构 (ZTNA) 的管理平台，包含 PAM (特权账号管理) 和 JIT (即时访问) 功能。

核心贡献：

跨平台客户端开发：基于 Electron + React 技术栈构建客户端。解决了不同操作系统的文件系统路径差异、原生窗口管理及快捷键冲突问题，确保了 Windows/macOS/Linux 三端的一致性体验。
原生能力集成：实现了系统托盘 (System Tray) 管理与原生通知机制，优化了用户与系统的交互体验。
性能优化：
针对应用启动慢的问题，引入资源懒加载与代码分割，显著提升了首屏加载速度。
通过内存检测工具排查并修复了长期运行后的内存溢出问题，提升了客户端的稳定性。
优化网络请求策略，设计了请求合并与本地缓存机制，降低了弱网环境下的操作延迟。

杭州博彦信息技术有限公司 | 前端开发工程师

2021.03 - 2022.06

🚀 核心项目：HR-Direct 人力资源管理系统

项目描述：服务于阿里集团外包及直管员工（万人级）的综合管理系统，涵盖招聘、考勤、薪酬配置等核心模块。

核心贡献：

复杂薪酬算薪功能重构：
面对极度复杂的薪资组成（基本工资、绩效、津贴、社保基数联动），利用 React Hooks + Redux 重构了前端状态管理逻辑，解决了旧系统中数据流混乱导致的计算显示问题。
大数据量渲染优化：
针对涉及数万名员工的薪资列表，引入 react-virtualized 实现虚拟滚动，解决了长列表渲染导致的页面卡顿，大幅提升了页面流畅度。
数据可视化：
使用 ECharts 开发薪资分析看板，支持多维度数据下钻与异常项高亮，帮助 HR 更直观地解读数据。

🚀 核心项目：开放集成平台 (API Orchestration Platform)

项目描述：企业级 API 网关与编排平台，支持 API 的配置、模型转换与编排。

核心贡献：

前端架构设计：采用 React 框架设计了模块化的前端应用结构。封装 Axios 统一处理 Header 鉴权与全局错误拦截，结合 React Router 实现了完善的权限路由控制。
接口联调与协作：配合后端团队完成了 API 编排流程的联调，了解后端数据模型转换逻辑，从而更高效地设计了前端数据结构。

TCGaming | 前端开发 (Vue)

2018.05 - 2020.09

PC 客户端重构：基于 Vue 2 全家桶搭建项目架构，完成了登录注册、多语言国际化 (i18n)、游戏配置等核心模块的开发。
组件化开发：负责公共业务组件的封装与维护，统一了平台的 UI 交互规范，提升了开发复用率。

🎓 教育背景 (Education)

武汉工程大学 软件工程技术本科 2014 - 2018
证书：大学英语四级 (CET-4)