更新时间: 2021 年 1 月
张瑞
WEB前端工程师
JavaScript
React
Vue
Node.js
我是一名热爱编程的Web前端开发者，有过 React、Vue、小程序、 H5游戏（Phaser）、Hybrid APP 等实际项目经验，对后端开发（Node.js、java）也有所了解，并且有过全栈项目的经验。
我从2017年7月实习并毕业工作至今，平时我喜欢钻研和学习新的技术，阅读开源代码，乐于学习，敢于挑战，追求着极致完美，一直致力于提高生产力和用户体验。
也很高兴遇见你，愿一起拼搏一起成长。
教育背景
大连民族大学
本科 计算机科学与技术
专业技能
熟悉原生 JS 以及底层 Event loop、垃圾回收 等机制，理解 原型链、闭包、高阶函数、柯理化、函数节流/去抖 以及 设计模式 等。 熟悉ECMAScript新标准与编译工具 Babel，并能在项目中熟练使用，熟悉 TypeScript
熟悉 React 及其生态，理解 高阶组件、Render props 等，了解底层 fiber 等。 从 React+ React-router +Redux+Redux-saga 到 umi + dva， 都有过实际的开发经验。熟悉 Vue 以及 Vuex 等周边框架的使用，阅读过v2.6以及v3.0的源码，了解底层实现原理
熟练使用 webpack、gulp 进行工程化。熟练使用 npm、Git 进行开发
使用过 Node.js 以及 koa、egg，了解 Java、Redis 以及基本的数据库知识，并且有过实际的项目经验
项目经历
千易跨境电商ERP + Chrome插件 + Node中间层 + windows打印组件 + 周边应用
具有 鉴权、消息系统、付费、打印(自定义打印、Node数据转换 以及 C# WPF 打印组件)、chrome插件、多时区、可视化 以及 多语言 等功能
主应用 ERP 使用 React+Reflux+antd 构建，依赖公司 业务组件库(800best Design)、eslint库(@best/best-lint-js)，以及 公司npm镜像。
Node 中间层使用 Egg.js，主要使用 puppeteer + pdf-lib 实现生成 PDF 的功能。 windows 端的 千易打印组件 使用 C# WPF 制作。
其他应用均使用 React + Redux + Redux-saga 以及 webpack 的方案， 实现了配置式路由以及组件式权限管理，利用 require.context 完成自动化加载，使用 happypack、DLL 和 Tree shaking 等进行优化
chrome插件 使用 Vue 构建，用于拉取不同电商平台的各项数据。
违章查询 移动端 + PC端 + 小程序端
具有查询、缴费、个人中心、新闻信息流以及优惠券等功能
违章查询-百度极速服务版 使用 mip2 进行搭建，rem 适配，在 MIP 沙箱环境内使用专用的 api 以及组件进行代码编写，MIP底层由 iframe 实现 SPA
PC端+移动端使用 vue 构建，移动端使用过 vw(postcss)、rem 两种适配方案，移动端与 App 端联动，使用 WebViewJavascriptBridge 进行通信。基于 class 为多端应用封装了统一的交互功能
小程序端（微信/支付宝/百度）搭建了一套通用的车主服务小程序模版，使用 gulp 搭建小程序脚手架 ，并且使用了公司自己定制的小程序 UI 框架
限行指南 小程序端 + 移动端
使用 Taro 进行的一次多端统一开发框架实践，并拓展了 dva 进行开发，在相同业务模型的情况下，需要兼容 H5 以及小程序端 的各种定制功能
Phaser 框架 canvas 游戏
脚手架使用 Phaser+ES6+webpack+抽象工厂模式 构建，通用场景包含：排行榜、积分结算、游戏首页以及Game over场景等，可以利用配置生成不同的通用场景，每个人只需写游戏进行中的场景
新世纪教育 App（混合应用）+ 后台管理系统
分为教师、学生、家长三端，使用 framework7 搭建，兼容 ios 与 Andriod，具有直播、作业（布置、写、批改）等功能。使用 WebViewJavascriptBridge 与 ios、Android 进行通信。部分后期新增的特殊功能落地页使用 React 搭建
后台管理系统使 用 Dva + Ant Design 构建，并构建有业务私有npm包（利用 AST 实现学生作业的定制）
工作经历
百世物流科技
担任千易团队的前端组长，推动团队技术方向，提出解决方案，协调组内的前端资源以及每个前端的分工，解决技术问题，组织技术分享等
负责解决主要的性能问题以及新功能拓展，搭建不同业务的主要框架，基于技术推动业务发展。工作流程规范基于 Atlassian(JIRA、Wiki、Bitbucket)，使用 Jenkins 进行打包发布
千易跨境电商ERP www.qianyierp.com
跨境卖家使用的全链路ERP系统，已对接多平台（Amazon、Ebay等十几个平台）、多物流（百世、出口易等二十多个）、多仓库（FBA、百世海外等二十多个）。 卖家在ERP中可以对店铺进行全链路操作，如关联商品、订单操作、库存变更、采购、打单、称重、发货以及结算和统计等，并且附有 微信小程序 供卖家审核、查看可视化数据等，也有 千易BI 看板可进行可视化管理
打印服务：用于生成 物流面单数据、商品数据、条码数据等的 PDF 文件，供卖家在出入库时进行打印操作。结合 windows 客户端的 千易打印组件 可实现一键打印
Qlisting商品采集 qlisting.qianyierp.com
卖家可以使用 Qlisting采集助手（chrome插件）对数十种平台（1688、淘宝、Amazon等）的商品进行数据采集，并且可以在系统中可以快捷上传、修改和下架线上商品
其他业务
百世跨境运输管理系统（React）、针对于千易ERP的超级管理员系统（React）、gulp 构建的各种H5活动页面
杭州求圣科技有限公司
担任公司 C端 的前端组长，承担（车主服务）业务矩阵的 主要开发任务，整体业务矩阵的公告模块，活动，信息流模块，统计埋点等，以及和其他公司合作的业务
协助其他成员解决问题制定方案；并同组员进行 Code Review，提升前端整体代码质量
通过业务累积，实现自动化构建的多端小程序模版，以及小程序组件 等
用于 查询车辆违章信息以及 违章/罚单 缴费。包含 小程序端：微信、百度 以及 支付宝 三端，移动端：百度极速服务、车辆资讯信息流H5（Vue），PC端（Vue）
用于 客户扫码匿名挪车。负责客户端 部分业务 的开发，以及后期迭代。主要包括 小程序端：支付宝，移动端：车辆资讯信息流H5（Vue），滴滴车主服务App端：H5（Vue）以及 后台管理系统（React）
其他业务
违章相关业务 如：违章高发地，年审代办，限行指南，驾考题库 等，均为 小程序 + 移动端H5（Vue）
官网、C端业务的管家后台（Vue版 以及后期改版的 React版），用于维护基本业务
通用业务：如车辆资讯信息流H5（Vue），用于各个业务快速接入信息流资讯、广告等