Ariel's Blog

简单是可靠的前提

联系方式

个人信息

  • 田飞 / 男 / 1992
  • 本科 / 重庆邮电大学 / 计算机科学与技术专业
  • 工作年限：10年
  • 个人博客：https://tianfei92.github.io/
  • 期望职位：前端开发工程师
  • 期望薪资：面议

个人总结

10年前端工作经验，专注于产品的高性能Web架构设计与工程效能提升。具备：

  • 架构设计：主导微前端框架（QPS 6500+/P99≤180ms）、Node.js中间件集群（吞吐量↑441%）、动态插件化系统等基建落地
  • 性能优化：攻克单实例内存泄漏（↓89%）、首屏加载（6000ms→1000ms）、Webpack编译（30min→6min）等硬核场景
  • 工程体系：构建容器化CI/CD（节省服务器2台）、质量管控（崩溃率↓95%）、标准化框架（需求代码量1500+→0）
  • 行业落地：方案中标省级安防项目（PK海康/华为），支撑安防领域3大行业线
  • 技术领导：培养5名A+工程师（涨薪率100%），建立技术白皮书体系（新人上手周期↓67%）

工作经历

重庆紫光华智科技有限公司 | 前端开发工程师/PL | 2019.05 - 2024.10

技术决策与架构设计

主导 web 前端框架迭代设计与实施，在支撑各大业务线通用需求并剥离个性化业务需求的场景下：

  • 决策分析：通过梳理分析各大业务线需求特性、场景及迭代频率，结合公司微云架构部署技术，决定采取 @hz/node-server 提供 web 容器服务 + @hz/layout 提供业务集成服务的方案。
  • 架构落地：服务端基于 NodeJs + Express 设计 @hz/node-server 容器服务框架，并基于通用内外置 server.config.js 文件对外提供 API 实现个性化业务需求。web 页面端通过提供 @hz/loader plugin 实现 layout 集成。
  • 持续演进：制定框架 API 生效版本计划，经过 3 个大版本迭代深度解绑业务线需求代码，业务线个性化需求代码量由 1500+ 行降为 0，对外 API 新增 15+ 个，框架承接的非中台业务需求每个版本约减少 6 个。

工程化体系构建

重构业务中台前端 DevOps 体系：

  • 效能突破：通过制作 docker 基础镜像 + 迁移 @hz/alpha-tools 至 webpack5，采用 webpack5 增量编译策略，公司光线平台上业务中台所有 web 前端工程编译总耗时从 30min -> 8min。
  • 质量管控：引入 eslint 检测工具，制定业务中台检测规则，拦截低质量代码构建 20+ 次/每周。
  • 成本优化：推动整合业务中台光线平台 web 业务流水线，缩减流水线至 1 条，节省服务器 2 台。

团队管理与技术传承

建立团队任务管理机制：

  • 团队激励：设立季度/版本挑战机制，对团队任务进行优先级排列和难易评估，并融入绩效考核加分规则。
  • 任务评估：以业务需求澄清为前提，接口设计为粒度，评估任务可行性、难易程度及工作量，版本需求评估工作量（人/天）与实际交付工作量误差不超过 1 人/天。
  • 任务分发：通过对团队成员进行技能评估 + 经验评估 + 工作负荷评估，结合团队挑战目标和成员职业发展规划分配任务。
  • 任务跟踪：建立document任务跟踪系统，版本任务以周为粒度进行会议跟踪及资源协调，日常任务以晨会为粒度跟踪。

建立团队人才培养机制：

  • 新人赋能：编写《业务中台 web 业务技术白皮书》，设立导师制度，并绑定优秀导师及优秀新人绩效加分规则，新人需求任务上手周期由 3 周提升至 1 周。
  • 骨干培养：制定“核心业务及 web 框架负责人轮值”机制，5 名成员先后与二级部门其他团队竞争部门 A+ 绩效，并实现年度涨薪。

建立团队知识库及团队宣传文化：

  • 知识沉淀：主导编写《华智 web 框架技术架构分解思维导图》、《web 框架对接三方 cas 单点登录技术手册》等，三方 cas 对接任务人力投入成本减少 5 人天/月。
  • 团队宣传：主导公司级“华智 web 框架技术架构分解赏析”会议，推动研发中心所有 web 开发者进行华智 web 框架的学习，使 web 框架轮值负责人在其他团队的支撑投入人力减少 10 人天/月。

团队及个人成就：

  • 2022 年度 2 次获得季度 A+ 团队。
  • 2022、2023年度个人荣获 6 次季度 A+。

重庆猪八戒网络有限公司 | 前端开发工程师 | 2017.06 - 2019.04

核心项目支撑

订单工作台系统开发：

  • 技术实施：基于 Vue2 + ElementUI 独立开发系统用户权限模块、系统用户数据看板模块、顾问交易订单流转模块。需求延期交付次数为 0，上线质量事故为 0。
  • 效率提升：改善可复用模块的数据维护方式，数据均通过 vuex 维护，控制数据状态变化范围，针对数据看板及权限分配模块的需求，开发工作量缩短 30%。
  • 协作贡献：提交团队 JSDoc 注释规范，协助团队PL将系统代码文档覆盖率由 10% 提升至 80%。

技术成长

  • 技术攻关：由 Angular 技术栈转为 Vue 技术栈，2 周内掌握 Vue2.x 版本 60% 特性，独立开发交易大厅订单交易流程模块并上线。
  • 知识沉淀：独立编写《八戒乌托邦框架学习手册》，降低新人对接乌托邦框架工作量 2 人/天。

成都软通动力股份有限公司 | 前端开发工程师 | 2016.05 - 2017.06（1年）

  • 参与华为生态项目开发，负责存储容灾管理系统功能模块实现
  • 严格执行代码规范，模块Code Review通过率100%
  • 输出《Linux运维指令手册》加速团队新人培养，设备维护掌握率100%
  • 在高压客户环境中培养工程规范意识与交付能力

项目经历

web框架项目（@hz/node-server） | 2022.01 - 2024.10

  • 项目背景：公司级 web 项目基础框架，提供 web 容器服务
  • 技术栈：React16 + Node.js + Express + CAS
  • 技术挑战：
    • 单实例 QPS 1200，延迟 >=1000ms（100并发）
    • 单实例长时间运行后运行内存增长 400+MB
    • 200 并发下主站首页响应耗时 6000ms+
  • 解决方案：
    • 架构设计：采用流式代理 + 背压处理 + pm2 集群化部署，QPS 提升至 6500，P99 延迟 ≤180ms，吞吐量提升 441%，延迟降低 82%。
    • 性能突破：流式大数据处理 + 内存监控 + 堆快照分析优化，内存波动 ≤50MB（持续运行 24 小时），内存稳定性提升 89%
    • 性能突破：采用资源传输压缩方案（Gzip）+ 静态资源缓存策略 + 链接复用策略 + 非阻塞 I/O 处理方案，首屏加载时间降低至 1000ms。

  • 业务挑战：

    • CAS 登录认证流程链路日志覆盖率 20%，cas-client 可灵活配置率 30%，仅可覆盖行业内 30% 左右三方认证系统。对接三方非标准 CAS 认证耗时平均 2 人/天以上
    • 作为微前端主入口，需承担 80% 的各行业业务线微服务的 web 页面问题定位
    • 微前端子服务间提供的路由冲突导致页面渲染错误率达到 10%

  • 解决方案：

    • 架构设计：引入 log4js 日志插件，深度整合行业内三方认证系统，提取配置文件形成 server.config.js，CAS 认证全链路日志覆盖率提升至 99%，三方 CAS 对接可配置率提升至 95%，CAS 认证对接需求交付周期缩短至 0.5 人天（技服人员配置化实现）
    • 架构设计：引 入log4js 日志插件，定制 http-proxy-middleware 源码，完善代理转发全链路日志，同时接入公司光线平台日志管理系统。问题定位人力投入成本缩减 8 人天/月
    • 架构设计：设计菜单管理系统 + 代理配置系统，通过 menu path + menu id 组成菜单唯一识别码，同时约束代理配置强制添加命名空间，配合代理配置数据正确转发代理，渲染准确率提升至 100%。

  • 工程创新：

    • Kubernetes 持久化配置 CAS 单点登录配置文件（server.config.js），实现仅修改持久化文件即可生效验证 CAS 单点登录流程，使项目局点现场对接三方 CAS 认证效率提升 50%

  • 业务价值：

    • 支撑公司 3 大行业业务线及业务中台的所有 web 项目开发，实现跨部门的微前端服务整合，缩减各大业务线开发成本、维护成本，提升开发效率。

web框架项目（@hz/layout） | 2022.01 - 2024.10

  • 项目背景：公司级 web 项目基础框架，提供 web 页面整合服务
  • 技术栈：React16 + Node.js
  • 技术挑战：
    • 需集成各大行业业务线及中台部门共计 100+ web 服务的路由并准确分发
  • 解决方案：
    • 架构设计：自研 @hz/loader plugin 和 @hz/build-dev 构建工具，子服务基于约定的 hz-config.js 文件配置路由，build-dev 构建工具读取 hz-config.js 文件生成子服务的 router.config.jsx，plugin 则读取菜单管理系统的所有菜单数据并匹配 router.config.jsx 数据进行对应的 router render，并通过“发布订阅模式”实现路由监听
  • 业务挑战：
    • 需灵活支撑各大业务线对于统一 layout 布局的个性化功能实现
  • 解决方案：
    • 架构设计：将 layout 布局模块化设计，并在各模块注册 hooks，对外开放给各业务线，使其可以自定义添加模块功能
  • 技术亮点：
    • 自研 @hz/loader plugin 和 @hz/build-dev 构建工具，基于配置文件统一管理子服务路由
    • 设计「动态插件化」架构，支持跨团队模块热插拔，迭代冲突率下降 90%
  • 业务价值：
    • 支撑公司 3 大行业业务线及业务中台的所有 web 项目开发，实现跨部门的微前端服务整合，缩减各大业务线开发成本、维护成本，提升开发效率。

视觉中枢业务中台产品 | 2023.01 - 2024.10

  • 项目背景：视觉中枢产品业务支撑系统，核心业务包括设备管理系统、用户/角色管理系统、组织管理系统等，基于下层应用（前端智能安防设备）提供设备发现/接入/管理服务，向上层应用提供核心业务能力
  • 负责模块：用户管理系统、角色管理系统、组织管理系统、菜单管理系统、代理配置系统、密码管理系统、公共配置系统等
  • 技术栈：React16 + Webpack
  • 核心贡献：
    • 业务设计：
      • 主导设计菜单版本管理架构，解决多产品融合部署菜单混乱问题
      • 主导设计公共配置系统，解决项目局点集成三方公司产品后的UI一致性问题
      • 主导设计代理配置系统，实现 web 子服务集成后的统一代理转发功能
      • 主导设计水印配置系统，实现水印的用户变量可配置化功能
    • 工程创新：
      • 开发人脸无感监控组件，接入操作日志系统，协助局点将越权违规操作系统的排查率提升80%
      • 迁移原业务工程构建脚手架（华智自研@hz/alpha-tools）至 webpack5.x，优化光线平台构建脚本，将中台 web 产品总体构建时间由 30min 提升至 8min
      • 定制 Eslint 规则，全 web 项目统一接入，将 web 工程代码编译成功率提升至 95%，上线后业务页面崩溃率降低至 1%
    • 业务价值：
      • 同周期版本内需求支撑交付数量提升 5~10 个，CPAS 产生利益提升 5%

视觉中枢视图数据运维平台 | 2020.06 - 2022.06

  • 项目背景：视觉中枢产品数据运维系统，核心业务包括视图数据质量诊断、视图库监控系统、告警系统、一机一档系统、运维地图 web 应用等
  • 负责模块：一机一档、运维地图 web 应用
  • 技术栈：React16 + TypeScript + Webpack
  • 核心贡献：
    • 业务设计：
      • 主导设计运维地图 web 应用系统，实现安防设备可视化管理
      • 参与设计视图数据质量诊断系统，提供数据可视化交互方案
    • 工程创新：
      • 基于 echarts 封装业务通用组件，报表相关业务需求开发效率提升 50%
      • 基于原华智自研工程构建脚手架（@hz/alpha-tools）接入 TypeScript，定制 TypeScript + Eslint规范，项目编译成功率提升 30%
      • 编写 web 项目光线平台编译构建脚本，分离前后台项目统一打包策略，web 项目构建部署时间成本节省 60%
    • 业务价值：
      • 运维地图 web 应用PK海康、华为等友商，成功中标 2021 年云南省厅智能安防项目

其他项目

  1. 综合安防产品
  2. 订单工作台
  3. 交易大厅移动端
  4. 商业产品库
  5. 交易大厅PC端
  6. 顾问平台
  7. OceanStor BCManager/eReplication

技能清单

  • 基础技能：
    • JavaScript ★★★★★
    • HTML ★★★★☆
    • CSS ★★★★☆
    • TypeScript ★★★☆☆
  • 前端框架：
    • React ★★★★☆
    • Vue ★★★★☆
  • 前端工具：
    • Webpack ★★★★☆
    • Less ★★★☆☆
    • Chrome DevTools ★★★☆☆
  • 服务端：
    • Node.js ★★★☆☆
    • Docker/K8s ★★★☆☆
  • 操作系统：Linux ★★★☆☆
  • 外语水平：CET4 ★★★★☆

个人简评

  • 学习能力：较强、积极主动
  • 工作特点：积极探讨、积极分享、乐于提供建议
  • 性格特点：情绪稳定、随和
  • 兴趣爱好：散步

致谢

感谢您花时间阅读我的简历，期待能有机会和您共事。

0%