张红伟

专业技能

从事前端 3 年以来，负责大大小小十余个项目，让我从前端小白，逐渐成为能独当一面的前端主程。从一开始的完成就好，到现在会考虑，这个技术是否合适，后期是否适合扩展，性能如何，学习成本如何等
能熟练使用 React，Vue 等前端框架,具有极强的自我学习能力。
阅读常用组件源码，了解其原理，并能实现简易版，如 react-router，redux，redux 中间件，koa 等。
喜欢追逐新技术，如 Flutter， Electron 等

公司名称: 众安信息技术服务有限公司
在职时间: 2018.03.08-至今
职位名称: Web 前端
工作描述:
- 负责公司 X 系列产品的前端开发
- 构建公司内部基于 Vue技术的 UI 组件库
- 封装基于 echarts 的 vue 组件库
- 制定部门的代码风格规范和 Git 提交规范并推动部门的代码审核流程
- 负责小组内代码 review
- 在团队内推行 Nightwatch 集成测试
- 使用 express + mockjs 基于后端数据模型，封装 mock 工具
- 参与部门前端脚手架的设计
- 推动团队内知识分享

项目时间: 2018.06-2018.11
项目职责: 该项目负责人
项目描述：该项目是一个消息推送系统，可一键配置短信签名及模板、多种发送规则，对接精准触达人群包，管控触达规则等。
- 该项目使用 vue cli 3加 element ui 构建页面
- 使用 vuex 存储用户信息，以及一些公共接口的数据，使用 vue-router 进行路由的切换
- 使用 echarts 构建页面可视化图表
- 使用 i18 进行国际化改造
工作内容:
- 使用 express + mockjs 封装 mock 工具，大大缩短联调时间。
- 按照视觉规范，基于 element ui 封装一套常用组件库，减少项目组其他成员开发时间。
- 封装基于 echarts 的常用图表库
- 负责短信推送管理，创建模版等功能的开发
- 推动前后端分离，缩短前端发布周期
- 添加 husky 和 prettier，保持代码格式统一，并在小组内推行

项目时间: 2018.12-2019.03
项目职责: 该项目负责人
项目描述：创建活动模版，提供营销费用管理功能
- 该项目使用 vue cli 3加 element ui 构建页面
- 使用 vuex 存储用户信息，以及一些公共接口的数据，使用 vue-router 进行路由的切换
- 使用 echarts 构建页面可视化图表
- 使用 i18 进行国际化改造
工作内容:
- 负责大转盘，刮刮卡模版管理页面
- 负责拆福袋，砸金蛋 H5 页面
- 添加单元测试
- 添加静态扫描，保证代码格式统一

项目时间: 2019.06-2019.07
项目职责: 负责一期
项目描述：业务和技术的调整，项目由 vue 改为 React 重构。
- 该项目使用 React + 基于 create-react-app 改造的脚手架构建，ui 采用 antd
- 使用 vuex 存储用户信息，以及一些公共接口的数据，使用 vue-router 进行路由的切换
- 使用 echarts 构建页面可视化图表
工作内容:
- 负责短信推送管理，创建模版等功能的开发
- 推动前后端分离，缩短前端发布周期
- 基于 antd + umijs/hooks 根据视觉规范封装常用组件库，搭建组件共享平台，该平台不仅在部门内被广泛使用，也有效的推广到其他事业部使用，是开发效率提升百分之 50%左右

项目时间: 2019.09-2020.01
项目职责: 该项目负责人
项目描述：数据采集与可视化
- 主站：
  - 该项目使用 umi(React + dva + React-Router + Redux) + bizCharts 开发
  - 使用 bizCharts 对采集数据进行可视化。开发中遇到的难题就是，使用大量的图表，导致页面卡顿等
  - xflow 主站开发过程中较难开发部分，热力图和网页圈选，尤其是圈选部分，是配合 sdk 实现无痕埋点的关键模块
- 采集端：通过无痕埋点技术帮助企业采集 APP、小程序、H5、网页等多场景用户行为数据。
  - 网页埋点 sdk 开发，难点主要在如何实现无痕埋点，以及性能监控数据上报
  - 小程序埋点 sdk 开发，难点主要在如何实现监控点击事件以及兼容各个平台，例如 taro，wepy 等
工作内容:
- 负责网页圈选，热力图等核型模块的开发
- 制定 sdk 数据采集模型，以及sdk的兼容方案
- 封装 bizCharts 图表组件库
- 使用 performance, React devTool 查看页面性能消耗，优化项目代码