简介

5 年前端开发。技术上,使用 React 技术栈,熟悉常见前端工程化,模块化工具,参与过 RN、小程序、BIM等项目开发,熟悉敏捷流程,擅长多人协作;业务上,参与了猪齿鱼 DevOps 平台、自研低代码平台、燕千云工单系统的开发,了解 SaaS 产品定位,对 toB 业务的 SLA 数据敏感;团队贡献上,添加前端监控,封装埋点统一方法,设计并实现平台异常情况上报系统等等。

居住地

上海长宁

性别

出生日期

1994年5月

技能

  • 前端基础

    熟练使用 ES6(+) 语法,理解 HTML 标签语义,灵活运用 CSS3 特性,熟练使用 flex 布局和 grid 布局。

  • 框架与开发工具

    熟练使用 React + MobX 技术栈开发大型复杂应用;熟练使用 React Hooks;了解 SSR 技术;使用 NEXT.js 开发过个人项目

    熟练使用 Lodash 工具函数库;使用 TailwindCSS 开发项目官网,并且熟悉常见 CSS 预处理语言:Sass、Less 技术等

    熟练使用 git 进行代码管理和版本控制,了解 CI/CD 基本工作流程

    熟悉 webpack 打包流程和 Webpack Module Federation 特性,了解 babel 的转译原理,知道 AST 的基本结构

    了解 TypeScript 的类型系统

  • 网络

    熟悉常见跨域问题,了解 HTTP 缓存规则,知道强缓存和协商缓存的判断原理

    能够根据 HTTP 请求报文、响应报文和状态码排查问题

  • 工程化

    熟悉前端常见监控性能指标,了解常见系统埋点功能

    E2E 测试,使用 Taiko + Guauge 实现过自动化测试;通过无头浏览器 Playwright 实现页面巡检功能,并记录回放

工作经历

上海甄知科技有限公司

前端3组组长

六月 2021 - 现在

该公司是汉得子公司,包含猪齿鱼和燕千云两大系统。本人参与燕千云工单系统的开发,作为应用技术组前端3组的组长,同时兼顾新人培养以及业务服务组前端技术负责。

上海翘腾科技有限公司

前端开发

十月 2019 - 六月 2021

该公司是前汉得研发中心领导独立创业所建。本人参与低代码平台的研发,并支持某智慧工地开发项目的开发。

上海汉得信息技术有限公司

前端开发

七月 2018 - 十月 2019

从大四实习便加入了该公司,并在研发中心担任前端开发工程师。期间荣获“优秀实习生”称号,并在毕业后,直接加入该部门,参与 DevOps 平台的研发工作,并获得一次部门优秀员工。

项目经验

燕千云

业务应用组前端负责人

  • 负责 PC 端监控方案的实现,并且封装埋点统一方法。
  • 承担系统白屏错误阻断以及网络请求异常处理的技术使能,增加系统稳定性和及时响应能力。
  • 参与多次系统重构,参与完善前端基建。
  • 参与表单设计器系统的开发,基于 MobX 的状态管理实现组件与数据绑定的功能;负责开发自定义渲染器组件,弥补标准库组件定制化开发场景中的不足。
  • 参与页面加载器的开发,基于 webpack Module Federation 特性实现不同服务间组件相互加载功能,借助 Dynamic Remote Containers 功能在运行时加载不同服务下的模块。
  • 参与工单客服中心的 H5 页面开发,使用 Taro + Taro UI 结合 React 开发应用;负责 H5 端页面加载器的实现;设计实现了聊天窗口的布局、新消息声音提醒以及全局横幅通知等功能。

Buildrun 低代码平台

前端开发

  • 参与低代码编辑引擎开发,单独负责并完成菜单模块的开发,实现可视化菜单编排功能。
  • 参与开发视图设计器,基于 react-sortablejs 实现可视化布局,核心基于 MobX 封装的状态管理库实现可视化组件与配置项数据的逻辑绑定。
  • 维护基于 Fabric.js 开发库的流程设计器。

Choerodon 平台 Devops 模块

DevOps 组前端负责人

  • 组织带领猪齿鱼 Devops 小组完成 React 由 class 组件转函数组件的工作。
  • 参与 Choerodon 开源平台前端业务功能开发和维护工作,主导实现了部署模块资源与环境页面的功能并沿用至今。
  • 基于 Codemirror 改造了一款 YAML 编辑器。解决了由于字体族问题导致字符宽度不一致的问题,配置了 Choerodon 风格的编辑器主题,并引入了基于 diff-match-patch 的代码对比规则
  • 利用 WebSocket + xterm 实现了一款 Web Shell 终端组件,方便运维人员在系统内查看容器日志,属于 devops 核心功能之一

教育

西南石油大学

物联网工程 - 学士

2014 - 2018