李班（前端开发工程师）

男(27) 6年 no-errors 17679417701 @libondev bon.li@outlook.com libondev.cn My PRs

技能特长

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

工作经历

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

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

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

前端基建架构设计前端监控项目交付低代码平台性能优化

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

前端开发 2019.03 ~ 2020.10

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

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

项目经历

Aras(PLM) 2024.12 ~ 至今

IPM/Transcend 系统的 3.0 迭代版本，参考国外 Aras Innovator 系统实现，打造一流 PLM 系统体验,高度可定制化的系统，满足一切流程管理需求

  1. 技术调研、框架选型、难点攻克、方案设计、功能串联
  2. 从零开发低代码平台，设计表单规则及字段联动，设计远程事件系统，完成整个系统的 MVP 版本的开发、测试与上线

Transcend 2023.10 ~ 2024.12

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

  1. 使用 shadcn/ui 风格重构 ElementUI 组件库主题，提升用户体验和各端界面的一致性
  2. 重构系统底层模块，实践多种性能优化方案，诸如：虚拟滚动、预请求渲染、组件懒加载/懒渲染、大数据表格渲染速度优化等
  3. 开发虚拟选择框组件，同时优化初始状态的数据加载速度，减少表单整体渲染时间
  4. 基于虚拟滚动和 draggable 实现高性能看板，使用 HashMap 优化状态匹配，操作响应时间降至 50ms 以内
  5. 解耦组件强依赖关系，优化构建分包策略，利用缓存机制降低体积(9.8M→6.3M)
  6. 优化低代码系统打包模块结构，提高内部组件复用率，避免编写重复组件代码
  7. 使用组件继承/补丁机制修复 ElementUI 内置组件BUG，及二次开发/扩展功能
  8. 使用乐观更新模式优化系统数据更新模式，实现用户界面无感更新
  9. 系统性解决内存泄漏问题，优化组件生命周期管理，创建全局变量管理系统，内存占用从 800M+ 降至 500M+
  10. 主导低代码平台从零的架构设计与开发，输出设计文档，支持可视化搭建和组件配置

OKR(Objectives and Key Results) 2023.02 ~ 2023.05

内部OKR绩效管理系统，在两个月内完成 Admin/Client 端的 MVP 版本的开发、测试与上线，为公司节省每年 500w 采购开销

  1. 系统整体功能架构，提供系统解决方案，解决项目中大量重复样式问题
  2. 自研 Mention 组件，实现输入框提及某些用户的功能，兼容移动端设备及事件
  3. 通过使用树形数据结构降低模块功能复杂度，解决树状数据更新寻址耗时长的问题
  4. 构建前端系统内部缓存系统，优化大量外部接口响应结果，优化获取流程与速度
  5. 使用数据 Static Hoisting + 静态属性 + 响应式优化解决视图重复递归渲染的问题

@transsion/monitor 2021.10 ~ 至今

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

  1. 项目架构设计及搭建，采用 monorepo + workspace，SDK 仅 3k，同时支持插件系统
  2. 使用数据中心管理模式采集数据，使用工厂模式管理多个监控实例
  3. 后台闲时上报，通过支持多种渐进式增强上报策略，支持页面离线上报日志
  4. 重写 history 方法拦截页面跳转、代理 Console API 调用、拦截 AJAX/fetch 请求、Performance 性能和资源加载请求、Vue 框架错误、捕获用户来源和用户行为
  5. 完整的本地缓存策略，使用 IndexedDB + LocalStorage + 日志保险策略确保数据安全
  6. 支持自定义日志白名单列表，支持设置过滤条件以聚合数据

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 工作流(缓存策略)，提升构建速度

教育经历