核心项目 1:Everbridge 应急管理和风险情报系统

技术栈:React + TypeScript + Style-Components + Redux + Webpack 5 + SWC + AntD + Sentry
项目描述:主导开发的企业级核心系统,覆盖实时通信、位置感知、团队协作、事件/任务管理、自动化流程、表单处理、文档管理、分析报告及自定义权限控制等功能,支撑日均 10 万+用户的高并发场景。

核心成果

  1. 技术重构:引入 TypeScript 与 ESLint 规范,生产环境错误率降低 30%;用 pnpm 替换 npm 解决幽灵依赖,依赖安装效率提升 40%;
  2. 性能优化:Webpack 分包 + terser 压缩 + source-map 分析,首屏加载速度提升 20%;通过 React 性能 API 减少无效渲染,交互响应效率提升 30%;
  3. 质量保障:基于 Selenium 实现核心流程自动化测试,回归测试效率提升 50%;接入 Sentry 异常监控,问题修复时效缩短 40%;
  4. 通用能力封装:统一接口请求与错误处理逻辑,二次封装 AntD 组件并通过 Storybook 管理,团队开发效率提升 25%;
  5. 架构升级:基于 Webpack5 Module Federation 落地微前端,实现子应用独立部署,跨团队协作成本降低,迭代周期缩短 20%。

核心项目 2:希悦 Chalk 教育管理平台

技术栈:React + React-Native + TypeScript + Style-Components + Redux + Formily + 腾讯 IM
项目描述:覆盖 Web/APP 多端的教育管理平台,核心功能包括用户权限管理、课程/学生/场地管理、即时通讯、文件传输等,服务教师与学生日常教学协作场景。

核心成果

  1. 工程化搭建:独立搭建项目脚手架,集成 ESLint、Husky、lint-staged 等工具,保障团队代码一致性;
  2. 功能封装:封装腾讯 IM 接口与请求工具,实现稳定的单聊、群聊及文件传输功能;
  3. 性能突破:基于 Formily 封装高性能表单组件,大数据量表单初始渲染时间从 17 秒优化至 3 秒内;
  4. 体验优化:通过按需加载、代码分割及接口数据缓存策略,优化 LCP/FCP 指标,页面加载速度提升 40%。

核心项目 3:低代码可视化平台

技术栈:Vue3 + Element-plus + Mitt + Sass + 拖拽引擎
项目描述:从 0 到 1 开发的低代码平台,支持物料拖拽、属性配置、撤销重做、导入导出等功能,帮助非技术人员快速构建自定义表单,提升业务配置效率。

核心成果

  1. 架构设计:基于 Mitt 实现拖拽事件监听与状态管理,精准控制物料移动与参照线展示;
  2. 组件能力:封装物料注册函数,支持组件属性栏动态配置与双向数据绑定,适配多样化表单需求;
  3. 交互优化:实现操作命令队列机制,支持鼠标右击与键盘快捷键操作,完善撤销/重做功能体验。

核心项目 4:深脉分数专业版小程序

技术栈:React + Taro + TypeScript + Style-Components + Redux Toolkit
项目描述:面向医疗场景的小程序应用,提供医学影像分析、诊疗方案推荐、疾病解读等核心功能,兼顾数据可视化与多机型适配需求。

核心成果

  1. 全流程开发:独立完成架构设计、页面开发到上线部署全流程,保障医疗数据展示的准确性与安全性;
  2. 埋点方案:开发 Babel 插件,通过 AST 语法分析自动为元素添加 data-id 埋点,实现用户行为全链路追踪;
  3. 性能适配:采用分包加载策略解决小程序体积限制,结合虚拟长列表优化大数据渲染性能,适配多机型样式兼容。

其他个人作品

  1. 众精普汇医学报告系统:React + AntD + jspdf(医学报告生成与导出)
  2. 刷景区小程序:Taro + React + Redux(景区票务查询、预约功能)
  3. 居然装饰官网(H5+PC):React + Redux + AntD(品牌展示、业务咨询)
  4. 十安七律 CRM 小程序:Vue 全家桶 + uniApp + uCharts(客户管理、数据可视化)