•牵头设计并实现跨平台 3D 编辑器,采用 WebGPU 技术栈解决复杂几何体实时渲染性能瓶颈,斩获校级创新项目特等奖。
•多次入围全国信息学奥林匹克竞赛省队选拔赛,在动态规划与图论算法模块形成系统性突破。
•开发并维护 3 款 React 组件库工具,累计收获 500+ GitHub Star,建立完整的 Issue 管理与 PR 审核机制。
北京极客视界科技有限公司 - 交互技术部在线教育SaaS
2016.07-2019.06
前端开发工程师Vue生态实时通讯组件库建设自动化测试
北京
•负责互动教学协作平台的前端架构搭建,针对高频实时通讯场景,基于 WebSocket 优化了消息推送机制,显著降低了延迟。
•主导了 Vue 3 全家桶的升级落地,利用 Composition API 重构了复杂的课堂互动组件,代码逻辑清晰度提升,Bug 率下降 40%。
•设计并实现了基于 Canvas 的虚拟白板功能,支持多端同步涂鸦与绘图,解决了大尺寸画布下的内存溢出问题。
•搭建前端自动化测试体系,引入 Jest 与 Vue Test Utils,覆盖核心业务逻辑,保障了版本迭代的安全性。
•协同产品与设计团队,建立了前端组件库规范,将常用 UI 元素标准化,减少了 50% 的重复开发工作量。
北京云图数据技术有限公司 - 前端架构组大数据物联网
2019.07-2022.06
资深前端开发工程师微前端架构数据可视化性能监控TypeScript
北京
•负责全球供应链物流监控大屏的核心开发,处理海量地理信息数据,通过 Web Workers 异步计算,避免了主线程阻塞。
•主导 React 18 并发模式的引入,针对数据频繁刷新的场景进行细粒度更新优化,首屏渲染性能提升 50%。
•设计并落地了微前端架构,将监控、报表、告警等子系统解耦,实现了独立开发与部署,降低了联调成本。
•基于 D3.js 与 Three.js 开发了 3D 物流路径可视化模块,直观展示货物全球流转状态,获得客户高度认可。
•负责团队技术攻坚,建立了前端性能监控体系(RUM),实时监控线上 LCP 与 FID 指标,并制定优化策略。
•制定并推广了 TypeScript 强类型规范,配合 ESLint 规则,显著降低了运行时错误,提升了代码可读性。
•该项目旨在解决远程教学中的互动缺失问题,支持实时音视频、共享白板与多人协作编辑。
•我负责白板核心引擎的开发,基于 Canvas 实现了图形绘制、撤销重做与本地存储功能,并封装了通用的绘图指令协议。
•针对弱网环境,设计了消息断线重连与本地缓存同步机制,确保教学过程中数据不丢失。
•通过 Webpack 5 的 Tree Shaking 与 Code Splitting 技术,优化了首屏加载资源,将启动时间缩短至 2 秒以内。
•项目上线后,支撑了日均 10 万 + 的并发课堂,运行稳定,获得了用户的广泛好评。
•该项目为跨国物流企业提供可视化监控服务,实时展示全球车辆位置、货物状态与预警信息。
•我主导了前端架构的选型与搭建,采用 Micro-Frontends 方案,将不同业务模块拆分为独立子应用,便于多团队协作。
•负责 3D 可视化模块的开发,利用 Three.js 加载高精度地球模型,并结合 GSAP 动画库实现了流畅的路径动画效果。
•针对复杂表单与数据录入场景,设计了低代码表单引擎,允许业务人员拖拽生成配置页面,减少了 70% 的后端开发需求。
•建立了完善的错误边界与降级策略,确保在极端数据量下系统仍能保持基本的可用性。
•项目成功交付后,成为公司标杆案例,助力公司拿下了多个大型跨境物流订单。
前端架构与工程效能:
主导构建企业级设计系统,实现组件库版本迭代与文档自动生成,推动设计规范落地至 8 个业务线。
搭建自动化代码质量门禁体系,集成 SonarQube 静态扫描与单元测试覆盖率校验,阻断 80% 潜在缺陷。
设计分布式构建策略,通过 Jenkins Pipeline 编排 Docker 镜像分层构建,部署耗时缩短 40%。