资深前端工程师

我是一名拥有8年+工作经验的前端开发工程师,专注于现代Web技术。 擅长Vue、React技术栈,具备丰富的前端架构设计经验和团队管理经验。 在移动平台、教育行业等领域有深入的业务理解和技术实践。

关于我

教育背景

荆楚理工学院

计算机科学与技术 | 本科

2011-2015

专业技能

前端开发

  • 熟悉原生JavaScript、TypeScript
  • 熟练使用Vue、React技术栈,了解框架基本原理
  • 熟悉PC、H5、微信小程序、Hybrid App开发

工程化能力

  • 具备丰富的前端技术架构设计经验
  • 熟练使用前端工程化工具(GitLab CI/CD等)
  • 能够制定技术决策和前端团队技术路线

软实力

  • 具备良好的沟通能力和团队协作精神
  • 能有效地与产品、设计等非技术团队成员合作
  • 能带领团队攻克技术难题,提升项目质量和开发效率

工作经历

项目前端负责人

移动平台前端负责人,负责移动平台项目搭建,带领2人完成20+子系统的开发及维护
搭建项目脚手架,集成框架全家桶,内部平台CI/CD和质量监控系统的对接

高级前端工程师

前端组负责人,带领团队完成业务迭代,优化迭代工作流,提高交付质量、减少Bug率和延期率
负责部门内5条业务线(商城、培训、测评、财务、校管)的前端项目开发及前端团队管理

前端工程师

参与乐视视频会员业务项目开发,涉及乐视官网、乐视APP、乐视TV

.NET开发工程师

参与企业ERP系统、H5报表等项目开发

项目经验

mPaas移动平台

mPaas是一个一站式移动应用服务管理平台,主要包含研发效能、用户运营、基础服务等 20+ 模块,旨在提高移动应用的研发效能和产品运营场景,支持公司 15+ App 的全流程服务

角色:项目前端负责人

技术栈:qiankun + Vue2 全家桶 + Vue3 全家桶 + Node.js

项目职责:

  • 作为项目前端负责人,选用 qiankun 微前端架构;系统规模较大,复杂度较高,包含了 20+ 子应用,400+ 页面
  • 使用动态注册路由、动态注册菜单权限等方式,根据不同用户角色,实现 App 之间的数据权限
  • 搭建并开发 App 消息推送模块,开发复杂表单,支持各种复杂选项和配置,以及支持消息模板和占位符
  • 搭建 H5 离线包管理平台(子应用),可上传和推送 H5 hybrid 打包页面,供 App 预加载。加载成功率 95%+
  • 封装 10+ 通用业务组件,如选择人群组件、通用 CRUD 组件、一键复制等
  • 使用 vue-i18n 实现多语言切换,支持中文、英文
  • 封装 Vue 的企业级 Admin 脚⼿架 fest-cli,⽀持微应⽤模式,已应⽤⾄公司内部 20+ 独⽴系统

高思教育商城

⾯向 2 万家合作机构的教材及周边衍⽣品的线上 SaaS 商城系统。它分为 3 个端,服务 4 个角色,支持培训机构线上购买教材、家长手机端选课购课等服务,年流水 1亿+ , 用户 200w +

角色:前端组长

技术栈:React + Redux + Ant-Design (运营后台) / Vue + Vuex + Ant-Design-Vue (B端) / Vue + Vuex + Vant (C端)

项目职责:

  • 作为项目前端负责人,从 0 设计项目架构,配置代码规范,以及配置 CI/CD 发布流程
  • 通过Webpack升级和配置优化,解决了B端应用的打包瓶颈,将构建时间从103秒大幅缩短至20秒
  • 通过将B端应用的静态资源迁移至CDN、虚拟滚动等技术,解决了首屏加载缓慢的问题,加载时间由5.8秒优化至2.6秒
  • 在架构升级的过程中产出了⼀套脚⼿架,⽀持不同技术栈项⽬模板,在公司 10+ 项⽬中落地
  • 疫情期间,线下业务紧急转为线上,需快速完成 C 端功能补齐,无延期
  • C 端接入收银台,提高支付安全性

WhatsApp Web API 自动化系统

基于 WhatsApp Web 浏览器应用的 Node.js API 客户端,支持消息自动回复、群组管理、媒体文件处理等功能。该项目在 GitHub 上获得广泛关注,npm 周下载量 10w+。

角色:核心开发者

技术栈:Node.js + Puppeteer + WebSocket + Express

项目职责:

  • 设计并实现了基于 Puppeteer 的 WhatsApp Web 自动化方案,通过模拟浏览器操作实现消息收发等核心功能
  • 开发了多设备支持功能,使系统能同时管理多个 WhatsApp 账号,提升了系统的扩展性
  • 实现了完整的消息处理系统,支持文本、图片、音频、文档等多种媒体类型的收发
  • 设计了灵活的会话管理机制,支持会话保存和恢复,提高了系统的可用性
  • 通过 WebSocket 实现了实时通信功能,确保消息的及时送达
  • 开发了完整的错误处理和重试机制,提高了系统的稳定性
  • 编写了详细的 API 文档和使用指南,方便开发者快速接入和使用

前端无痕埋点系统

一个轻量级的前端埋点 SDK,通过自动化注入实现用户行为、性能指标和异常日志的采集,已在公司 6 条业务线 10+ 项目中稳定运行。

角色:核心开发者

技术栈:TypeScript + Babel + Node.js + WebSocket

项目职责:

  • 设计并实现基于 AST 的代码自动注入方案,实现了零侵入的埋点收集,将埋点开发效率提升 300%,数据采集准确率达到 99.9%
  • 开发了全方位的数据采集模块,覆盖用户行为、页面性能、异常日志、业务指标等多维度数据,日均处理埋点数据超过 1000 万条
  • 通过高性能的数据上报机制和离线存储策略,确保了采集数据的完整性,同时将服务器压力降低 40%,为公司数据分析决策提供可靠支撑