刘俊

男 | 29岁 | 6年工作经验 | 深圳

邮箱: 17688756032@163.com
手机: 17688756032
微信: 17688756032
地址: 深圳市-南山区

个人概况

  • 6年前端开发经验,具备需求分析、技术方案设计与团队协作能力。熟悉 Vue 全家桶与前端工程化,有组件库、数据可视化与微前端实践,注重代码质量与交付效率。
  • 有良好的产品意识和技术敏感度,能及时关注和学习业界最新的前端技术,能针对实际流程开发或引入效率工具提升质效

专业技能

  • 熟悉HTML5CSS3ES6规范,熟悉浏览器工作原理和HTTP/HTTPS协议,掌握常见安全问题的对策,能编写符合W3C标准的前端页面代码
  • 熟悉常见前端框架 VueReact 使用及原理,能使用Vue及其相关生态快速实现各类业务需求,具有大型复杂前端项目开发经验
  • 熟悉Webpack 5Vite等构建工具,有对页面加载速度、打包产物体积等方面的性能优化经验
  • 熟悉DockerNginx等技术,理解Devops平台和CI/CD流程,有相关流水线搭建经验
  • 熟悉前端代码规范工具链,如ESLintPrettierCommitLintHuskylint-staged等,并运用相关技术搭建代码门禁
  • 熟悉主流微前端架构方案(如 qiankun 、模块联邦),具有Pnpm Monorepo + 模块联邦 的大型项目迁移实践经验
  • 熟练掌握 EChartsAntV G6 进行数据可视化开发,具备大屏工具开发经验
  • 掌握前端埋点技术,使用Sentry 进行错误监控和 Matomo 进行用户行为分析,搭建完整的应用监控体系
  • 熟悉各种AI编程工具的使用,如ChatGPTCursorClaude Code等,掌握Prompt Engineering理论,善于约束AI生成的代码质量并提升效率
  • 了解组件设计原则与方法,擅长组件抽象与接口设计,确保组件的可复用性和可维护性。长期参与公司内部组件库开发和维护工作

工作经历

中国移动南方基地-湾区研究院 - AI经营团队 2025.09 - 至今

介绍:作为7月份才成立的开发部门,负责从无到有建立流程规范,搭建维护分层CI/CD流水线,开发效率工具进行提交,引入AI-Review提升质量

业绩:
  • 从0到1建立迭代流程、编码规范、代码走读流程,使得开发链路流程化、标准化,并通过前端代码规范工具链搭建代码门禁
  • 搭建CI/CD流水线和AI-Review规则来提升代码上库质量、降低线上问题发生概率
  • 开发 apifox-mock-generator 工具并发布npm开源,快速自动生成接口类型定义、mock 数据及客制化mock服务,提升开发效率20%+
深信服科技股份有限公司 用户体验驱动中心 - 安全托管服务-服务开发组 2021.09 - 2025.04

介绍:中国网络安全Top1企业。我在任职期间主要负责安全托管服务开发业务的前端开发工作,承担需求分析、技术选型、工作量评估、开发联调等工作,需求涉及外部门设备能力接入、设备资产全生命周期管理、漏洞处置闭环、漏洞测试报告等开发和维护。其余时间会有计划的推动项目技术栈升级和技术债务消除工作,维护组件库,完善团队基础建设,承接部门流程及业务试点

业绩:
  • 高效完成开发组内迭代开发任务,无一迭代因前端问题导致延期,千行Bug率常年保持低于 0.5%,需求吞吐及代码量常年在部门排行Top3内
  • 从0到1接入公司级业务增长利器-可扩展检测响应平台XDR,通过AntV G6 高度还原可视化故事链,提高服务经理处置效率,单日服务客户人次提升30%,业务增长超40%,获卓越团队奖项
  • 参与从巨石项目到微前端架构的迁移,将核心项目从大单体拆分成5个app,通过模块联邦快速复用组件和业务模块;通过优化Webpack配置的方式减少构建产物的40%体积
  • 攻破企业级微前端平台性能优化战役,针对维护长达 6 年、具有沉重历史包袱的 Vue 复杂业务系统,建立以 P75 首屏时间为核心的度量体系,将核心高频页面的端到端首屏加载时间从 6.5s 压降至 3s 内
广州银天信息科技有限公司 2019.07 - 2021.07

项目经历

安全托管服务平台 2021.09 - 2025.04

介绍:公司核心安全产品,为全球安全工程师提供一体化威胁检测与响应服务。我作为核心前端及服务开发业务负责人,主导了产品的前端架构演进以及核心业务模块的研发与优化等工作,并成功支撑20余项服务项上线运营,极大增加了业务增长点

技术栈:Vue 2, TypeScript, Tailwind CSS, Pnpm, Monorepo, 模块联邦, i18n, Playwright, Docker, CI/CD

主要贡献:
  • 主导前端架构升级:主导项目从大型单体架构迁移至 Pnpm Monorepo + 模块联邦 微前端架构,成功解耦核心业务模块,主包体积减少50%+
  • 主导企业级微前端平台性能优化战役: 针对维护长达 6 年、具有沉重历史包袱的 Vue 复杂业务系统,建立以 P75 首屏时间为核心的度量体系,将核心高频页面的端到端首屏加载时间从 6.5s 压降至 3s 内
    • 重构 Webpack 产物分包与网络传输策略:摒弃传统“大包合并”思路以顺应 HTTP/2 多路复用特性,将 minSize 降至 100KB 并设定 400KB maxSize。设计基础运行时、Vue 核心框架、UI 组件等五层分级 cacheGroups 彻底解决重复打包问题,使 JS 产物体积大幅缩减 45%。配合强缓存策略与 Brotli 算法,极大降低了网络传输耗时
    • 深挖浏览器渲染引擎与长任务瓶颈:利用 Chrome Performance 面板排查长任务,精简 40% 未使用的字体图标并移除 渲染开销。针对低端设备移除高斯模糊等昂贵 CSS 效果,重构表格虚拟滚动方案,使页面帧率重回 60FPS
    • 重塑前端工程化与构建提效:使用 esbuild 替代 terser 提速代码压缩,配置 cache-loader 开启解析缓存, 使二次本地启动提速近 46 秒。沉淀性能反模式 AI 提示词,在 Code Review 阶段建立轻量级防劣化屏障
  • 主导设备基座迁移和平台接入,大幅提升效率与业务增长
    • 将设备接入从云图迁移至 xdr 基座,实现安全设备全生命周期管理,接入安全设备效率提升40%
    • 跨部门接入可扩展检测响应平台XDR,通过 AntV G6 高度还原可视化故事链,富化安全事件交互,极大提高服务经理处置效率,单日服务客户人次提升30%,业务增长超40%
安全托管服务-漏洞报告 2021.09 - 2025.04

介绍:安全托管服务平台漏洞管理模块配属的漏洞报告业务,根据漏洞管理模块选择的数据生成 pdf 报告,导出0修改便可交付客户的工作汇报。

技术栈:PDF.js、TypeScript、Node.js

主要贡献:
  • 利用无头浏览器和二次封装的 PDF.js 快速生成 pdf 报告
  • 通过切分/分片渲染,实现30min内最大300页pdf、最大2w条数据的报告生成,性能提升50%以上(原有最大4k条数据)
深信服云图小程序

介绍:深信服云图门户小程序,扩充安全托管相关模块,增加服务经理与客户对接的便捷性。

技术栈:Vue3、原生框架

主要贡献:
  • 实现滚动加载(分页懒加载),监听 onReachBottom 动态加载数据,优化首屏渲染速度;使用虚拟滚动优化超长列表(1000+数据),减少内存占用,提升滚动流畅度
  • 基于 uCharts 实现多类型图表(折线/柱状/饼图);二次修改 uCharts 核心源码,定制特殊交互(柱状图渐变色展示等);动态主题切换、自定义动画过渡效果
  • 高度还原设计稿,实现特殊动效(下拉刷新动画等),优化 CSS 样式兼容性,解决小程序部分样式(如 position: sticky、flex 布局)的渲染差异

教育经历

广东白云学院 2015.09 - 2019.06
软件工程 | 本科