李班（前端开发工程师）

男(28) 6年 no-errors 17679417701 @libondev bon.li@outlook.com libondev.cn Contributions

技能特长

  1. 熟练掌握 JavaScript、TypeScript、WebSocket、DOM/BOM、NodeJS、工程化基建、模块化开发
  2. 熟练掌握 Vue2/3、Nuxt2/3，UniApp，SSR/SSG/SPA/同构渲染，熟悉内部实现原理
  3. 熟练掌握组件化开发，擅长高阶函数/高阶组件/组件设计，掌握函数式编程、设计模式
  4. 熟练掌握项目性能优化，虚拟滚动、预请求渲染、排查内存泄漏等优化方案并实施
  5. 熟练掌握敏捷开发，严格遵守 Git Flow 工作流，具有丰富的大型项目协作经验
  6. 熟练使用各种前端构建工具、调试工具，具备较强的问题分析、定位、解决能力
  7. 熟练使用主流 AI 编程工具使用，熟悉 MCP/Skills/Rules
  8. 熟悉用户交互设计，提升产品可用性、易用性、Web语义化，熟悉无障碍访问优化
  9. 具备工程化思维，擅长架构设计和方案制定；代码规范，注重代码质量和可维护性
  10. 拥有独立完整的 UI组件库 开发经验，熟悉 monorepo 项目管理流程
  11. 热爱开源&开源贡献者，活跃于开源社区，VueVine 团队成员，VueUse、VTable、Zed、unplugin-vue-components 等多个项目贡献者

工作经历

深圳传音控股股份有限公司

前端开发、项目交付 2020.10 ~ 至今

负责内部多个核心项目/前端脚手架的开发与维护，担任 transcend/aras 项目交付工作，负责前端团队内部技术分享及 CodeReview 主力输出，研发 aras 系统低代码方案及实现，从 0 研发前端埋点SDK。负责项目运行时性能、打包流程优化，主导研发 aras(PLM)

前端基建系统重构前端监控项目交付低代码平台性能优化

深圳云紫峰网络科技有限公司

前端开发 2019.04 ~ 2020.10

负责 ERP 从 0 ~ 1 的公众号端开发，负责项目架构搭建与技术选型，对接微信SDK及微信扫一扫、微信支付及腾讯地图定位等功能开发

从零开发架构设计项目交付

项目经历

Transcend 2023.10 ~ 至今

产品生命周期管理系统（PLM），以 IPM 框架为基础的迭代升级项目，类 Feishu Project、ONES、Jira 的内部 PLM 系统，现已替换禅道作为公司内部默认敏捷管理系统使用。负责前端项目交付及风险评估

  1. 重构前端多个基建功能模块，引入 UnoCSS 解决系统中大量样式重复的问题
  2. 使用 shadcn/ui 风格重构 ElementUI 组件库主题，提升用户体验和各端界面的一致性
  3. 重构多个系统底层功能模块，实践多种性能优化方案，诸如：虚拟滚动、预请求渲染、组件懒加载/懒渲染、大数据表格渲染速度优化等
  4. 开发虚拟选择框组件，同时优化初始状态的数据加载速度，减少表单整体渲染时间
  5. 基于虚拟列表和 draggable 实现项目看板，使用 HashMap 优化状态匹配，使用乐观更新模式更新UI界面，用户等待时间降低 300ms+
  6. 解耦组件强依赖关系，优化构建分包策略，利用缓存机制降低体积(9.8M→6.3M)
  7. 从零开发低代码平台，设计表单规则及字段联动，设计远程事件，事件缓存机制，事件广播机制
  8. 优化低代码系统打包模块结构，提高内部组件复用率，避免编写重复组件代码
  9. 使用组件继承/补丁机制修复 ElementUI 内置组件 BUG，及二次开发/扩展功能（实现 Draggable Dialog 和 Resizable Drawer）
  10. 封装乐观更新 composables 优化系统数据更新方式，实现用户界面无感更新及错误回滚机制
  11. 解决内存泄漏问题，优化组件生命周期管理，创建全局变量管理系统，内存占用从 900M+ 降至 500M+
  12. 主导低代码平台从零的架构设计与开发，输出设计文档，支持可视化搭建和组件配置
  13. 使用数据 Static Hoisting + 静态属性 + 响应式优化解决视图重复递归渲染的问题

@transsion/monitor 2021.10 ~ 至今

前端应用监控SDK，收集性能、错误、PV/UV/PT/交互 等指标，已有 12+ 系统接入

  1. 项目架构设计及搭建，monorepo + workspace 设计，SDK 仅 3k，支持插件系统
  2. 使用数据中心管理模式采集数据，使用工厂模式管理&隔离多个监控实例应用
  3. 插件化架构：通过插件数组扩展能力（行为/错误/性能/资源/请求/路由/PT/PV等）
  4. 采集与上报解耦：recorder 负责收集与缓存，reporter 负责上传与队列调度
  5. 离线与弱网容错：支持断网缓存、重连补报、离屏上报；localStorage + IndexedDB 双层队列策略
  6. 性能与资源监控：利用 PerformanceObserver 和 performance.timing 采集资源与性能指标
  7. 多类型网络拦截：同时拦截 XMLHttpRequest 和 fetch，统一记录 API 成功/失败与耗时
  8. 兼容性与稳定性：fetch 被篡改时使用 iframe 内部方法兜底；任务调度根据环境选择 scheduler/queueMicrotask/setTimeout
  9. 支持自定义上报：custom 上报能力与临时缓存机制，保证初始化前数据不丢失
  10. 资源过滤与路径脱敏：具备 ignore 与 helper 规则，降低噪音并减少敏感数据暴露

IPM(Integration Products Management) 2021.02 ~ 2023.9

研发产品管理平台框架，提供项目的投资决策开始到项目结束的全过程进行计划、组织、指挥、协调、控制和评价，以实现项目决策及里程碑管理

  1. 负责前端开发兼UI/UX，完成系统设计并实现，完成前端用户交互设计准则制定
  2. 设计并实现动态表单、动态表格、表单设计器、可编辑表格、后台上传队列等组件
  3. 重构并设计低代码组件，生成和解析 JSONSchema 数据，实现动态表单视图渲染
  4. 使用 Setup API 重构 1w+ 行代码的甘特图组件，预留出口提升性能及可维护性
  5. 数据扁平化 + 虚拟滚动优化表格列表渲染，使用懒汉模式优化表格编辑时性能
  6. 项目管理、存储域管理列表使用数据切片优化首屏渲染速度，缩短用户交互等待时间
  7. 通过使用 HashMap 方式优化项目、存储域、计划任务的用户权限匹配流程
  8. 使用 LRUCache 缓存算法优化 Store 存储内存占用，及最近访问列表展示
  9. 重构编辑表格的大数据校验，单条数据平均字段数量 40+，提升 78% 校验性能
  10. 系统多处功能模块重构升级，优化 jenkins 工作流(缓存策略)，提升构建速度

YZFERP(YunZiFeng Enterprise Resource Planning) 2019.02 ~ 2020.10

从 0 ~ 1 开发公司内部 ERP 系统，主要负责公司内部装修流程管理

  1. 从 0 开发前端项目，技术选型，推动项目进度及开发流程
  2. 高度还原UI设计稿，使用 postcss-to-rem 实现触屏设备响应式适配
  3. 使用 ECharts/AntV 绘制财务报表，大屏数据数据可视化
  4. 使用微信 SDK 调用系统扫一扫实现扫码登陆，微信支付流程
  5. 腾讯地图 SDK 对接，远程定位手机打卡

教育经历