avatar
Pride
An good man

1、个人简介

性别:

出生年月: 1994.07

职业: 前端工程师

常驻地: 上海/苏州

QQ: 670487526

GitHub: https://github.com/suzhihao

个人博客: https://www.wobushi.top

16 年毕业的前端工程师,目前坐标上海,正在向前端架构师探索中~

2、工作经历

2016.09-至今

公司: 上海合合信息科技股份有限公司

职位: 前端开发工程师/前端 TL/前端架构师

具体内容可以移步我的个人简历~

3、一些成果举例

推动了公司前端架构演进

18 年初首次使用基于 marko 的 ssr 服务端同构框架,同年自主搭建基于 vue 的 ssr 服务端同构框架和 SPA 的框架,从此前端进入 MVVM 框架时代

首次使用 ELK 进行日志存储和查询工具,对前端日志和服务端日志格式进行标准化,并在各个团队普及。

带领团队开发前端日志 sdk,收集上报前端的请求日志,性能日志等,后在各团队都得以应用。

提供了前端各种应用脚手架和模板项目,包括 vue,小程序,并保持更新迭代。

首次基于 gitlab-ci 设计全自动的前端 CI/CD 流程,前端基本实现无运维/低运维。

主导设计研发了 APP 离线包,大幅提高客户端的用户体验和开发效率。

从性能分析,技术调研,方案设计,可行性分析,性能测试,灰度发布,全量上线全流程的方案设计,实现了 H5 代码改造,重写构建脚本,设计 CI/CD 流程,并带领客户端和后台同事一起完成核心框架的搭建和开发,最后在团队内部大范围推广。

效果:

  1. 客户端打开 H5 的速度提升 90% 以上,所有接入的功能模块实现秒开。
  2. 客户端大量功能迁移到 H5 实现,节约了 50% 的开发资源。
  3. 客户端内容变更不受发版限制,大大提高了 APP 的动态性。
  4. 对业务指标也起到了明显的积极影响,部分流程的转化率和到达率有了显著提高

自主设计并开发了一套前端全链路监控系统

系统包含了:

  1. 前端性能日志收集 SDK(web 版和小程序版),包括性能日志,请求日志,错误日志,用户行为日志以及自定义日志的收集与上报
  2. 实时日志查看系统 - ELK (在线报表查看,数据统计平台)
  3. 异常触发实时监控报警 - (后台服务 + 企业微信报警)
  4. 周期性的统计报表开发 - (制定指标 + 报表设计 + 定时任务)

主导设计了 Web 端的 CI/CD 发布流程

依赖 gitlab-ci 设计了 web 端通用的持续集成/持续发布流程,包括但不限于以下类型的项目:

  1. 基于 vue 的纯前端项目
  2. 基于 vue 的 SSR 项目
  3. 使用其他框架搭建的后台服务
  4. 私有 npm 包的构建与发布

发布环境包括:

  1. docker 容器发布
  2. 基于物理机/云服务器发布

发布流程包括:

  1. 代码检查
  2. 依赖安装
  3. 代码构建
  4. 代码发布
  5. 代码回滚

通过合理设计流程和脚本,将原有的发布流程时间缩短了十分之一。同时通过配置隔离,去除环境配置等手段,在安全性,稳定性方面也有了非常大的提升。

基于 uniapp 的小程序框架二次开发和项目搭建

解决 CDN 问题,解决图片引用的问题,设计小程序持续发布方案。

基于 nuxt 的 SSR 框架二次开发和项目搭建

使用配置分离的思想,将业务代码与环境配置分离,实现一套代码多环境复用。

优化 docker 配置,大大减少容器打包的时间。

基于 D3 的数据可视化图表二次开发

根据业务需要将 d3 的编程式的数据可视化方案再封装成基于配置的实现方式(类似 echarts),大大减小了开发人员的开发成本。

全流程 SEO 优化

包括站点优化,推送机制优化,以及后台一整套完整的推送和 sitemap 生成脚本。

3、教育背景

2012.9-2016.7

学校: 同济大学

专业: 软件工程