高艳兵

资深前端工程师 / 前端技术负责人

学历:
本科
工作年限:
8 年
所在城市:
杭州

Ant Design 团队成员,曾带领 5+ 人前端团队;具备企业级多产品架构、开源组件建设、复杂业务研发及私有化交付经验。

专业技能

  • 熟练掌握 React、TypeScript,具备通用组件设计与底层能力重构经验,能够处理受控状态、输入法、光标选区及缓存更新等复杂交互。
  • 具备 qiankun 微前端、pnpm Monorepo 实践经验,能够推进应用拆分、共享包治理和按需构建,支持多产品迭代与私有化交付。
  • 基于 Lexical、React Flow、Schema 实现富文本变量节点、关系血缘及审批编排,处理数据建模、状态一致性与复杂业务校验。
  • 具备 虚拟滚动、Web Worker、Chrome Memory 优化经验,能够从渲染范围、计算任务、状态更新与对象引用定位性能瓶颈。
  • 掌握 Webpack、DllPlugin 构建优化,具备 Docker、Nginx 部署与排障经验;通过单元测试、交互回归及视觉验证保障跨版本兼容。
  • 具备前端技术管理经验,能够承担 技术选型、方案评审、任务拆解、代码评审和版本发布,推进团队协作规范与技术文档建设。

教育背景

齐齐哈尔工程学院

计算机科学与技术 · 本科

工作经历

袋鼠云

资深前端工程师

  • 负责隐私数据合规产品部 SaaS 与车企治理平台核心研发,承担复杂业务模块开发及交付支持。
  • 参与 一汽、长安、安永、蔚来 4 个私有化项目的开发、交付与维护。

杭州用九智汇科技有限公司

前端 Leader

  • 负责合规平台、水印平台的前端架构与核心开发,推进公共能力建设及工程交付。
  • 带领 5+ 人团队开展需求拆解、代码评审、版本发布与技术分享,沉淀 50+ 篇文档。

杭州全速网络技术有限公司

前端开发工程师

  • 参与企业数据安全产品研发,承担技术栈重构、Webpack 优化与工程规范建设。
  • 沉淀 10+ 个组件并发布至公司私有 npm,支持业务模块复用。

项目经历

Ant Design 与 react-component 开源组件体系

Ant Design 团队成员

项目描述:

参与 Ant Design 及底层组件生态建设,覆盖公共能力重构、新组件开发、复杂交互与跨仓库依赖治理,在功能演进中保持 API、交互行为和主题定制的兼容性。

技术栈:

React + Ant Design + react-component

主要职责:

  • 重构输入组件公共能力,抽象值管理、字符计数与边界处理,贯通底层包和 Ant Design 适配,保留不同组件的行为差异。
  • 优化受控输入、输入法与光标选区等交互,减少列表选择和搜索中的重复遍历、临时对象分配,处理缓存失效与依赖更新。
  • 推进新组件交付,覆盖 API、动效、主题、文档与测试,适配尺寸及圆角;
  • 参与建设的 BorderBeam 随 antd 6.4.0 发布。
  • 治理底层包导出与跨仓库依赖,收敛内部路径引用,以静态检查约束包边界,降低版本升级的兼容风险。
  • 完善单元测试、交互回归与视觉验证,通过最小复现定位跨组件问题,推动重构与修复持续合入官方仓库。

一站式数据合规平台

前端负责人 / 核心研发

项目描述:

面向企业隐私合规、数据治理、数据安全 3 大套件,支持 SaaS 持续迭代及客户私有化定制,通过共享能力与配置化交付适配不同产品组合。

技术栈:

React + TypeScript + qiankun + Umi + pnpm Monorepo + Lexical + Web Worker

主要职责:

  • 推进 qiankun 微前端与 Monorepo 治理,将 27 个应用的请求、组件、富文本及样式收敛至 7 个共享包。
  • 实现按平台配置构建,按需选择构建范围并归集产物与私有资源,支持 5 套构建配置,部署流程优化使效率提升 60%+。
  • 基于 Lexical 自定义变量节点,维护标识、版本与内容,处理变量更新及删除差异、JSON 序列化,支持政策编辑与预览。
  • 完成编辑器升级与表格适配,结合样式隔离、发布前链接检测,贯通政策模板、编辑、预览与发布流程。
  • 优化跨行跨列表格与大数据渲染,以虚拟滚动控制渲染范围,将计算任务交由 Web Worker,减少主线程计算压力。
  • 统一数据流画布与 5 类关联资源的选择、远程检索及字段校验,使数据处理活动的列表、详情和编辑复用一致的业务规则。
  • 推进 React / Ant Design 升级及日期库、废弃 API 适配,以 10 个产品、54 个页面的回归清单保障多版本交付。

大型车企数据安全治理平台

前端负责人

项目描述:

面向集团多层级组织,覆盖管控对象、数据处理活动、评估、风险处置与组织权限,构建对象模型、关系血缘及跨业务审批能力,推进联调与 SIT 验证。

技术栈:

React + TypeScript + React Flow + Schema 驱动表单

主要职责:

  • 设计元数据驱动的表格与表单渲染能力,将对象类型、属性定义与实例数据分层;根据后端字段配置动态生成表格列、表单控件及校验规则,支持文本、长文本、数字、日期、单选 5 类字段,新增管控对象类型可复用同一套管理页面。
  • 统一动态字段的数据契约,处理编辑回填、日期转换、空值归一化及枚举有效性校验,使展示、编辑与提交的数据格式一致,并复用详情、导入导出等管理能力。
  • 实现类型关系图独立草稿,支持拖拽、关系编辑与取消,删除节点时同步清理关联边,保持编辑数据一致。
  • 构建实例血缘图,按上下游分层、按节点懒加载并去重,支持逐级追溯,避免全量展开造成图形堆叠。
  • 实现审批树与可视化图双向转换,支持条件分支、共享汇聚与模板嵌套,校验环路、可达性及结束路径。
  • 串行化审批保存与业务提交,接入活动、评估、风险变更 3 条链路,适配 2 类外部角色来源、3 级组织审批范围。

综合水印管理平台

前端负责人

项目描述:

面向视频、音频、图片、网页、文档 5 类载体提供水印处理前端,并通过网页水印 SDK 向第三方系统提供集成能力。

技术栈:

React + TypeScript + HTML5 + OSS + Webpack

主要职责:

  • 封装 HTML5 分片上传并接入 OSS 直传,减少业务服务器中转,上传效率提升 30%+。
  • 使用 Chrome Memory 排查大对象与闭包引用,及时释放无用数据,改善大文件处理过程中的内存占用。
  • 优化 Webpack 编译流程,结合 DllPlugin 减少重复编译,构建耗时缩短 30%。
  • 封装网页动态水印 SDK,复用平台水印能力,支持第三方系统接入。