13862057151

·

bingrui_yuan0721@163.com

·

YuanBingrui

个人信息

• 求职意向：前端开发工程师
• 工作经验：7.5 年
• 现工作地：苏州

教育经历

• 本科，苏州大学，生物信息学专业，2013.9~2017.6

技能清单

• 熟练使用 ReactJs, Vuejs 等, 并对 ReactJs 相关的一些技术点有着基本的了解，比如 key 的作用，组件性能优化等
• 熟练使用 Typescript 开发项目，并在项目中有深入的使用
• 熟练使用 react-router, vue-router 等 spa 路由库，并了解其原理
• 熟练使用 redux, zustand 等 React 状态管理库，并了解其原理
• 熟练使用 Vue 的状态管理库 pinia，并了解其原理
• 熟练使用 Flutter 开发项目，了解其整个开发流程
• 熟练使用 css 的原子框架 tailwindcss, unocss, 预处理库 less, sass 等
• 熟练使用 webpack, gulp, rollup, vite 等打包工具，并对其原理有基本的了解
• 熟练使用 nodejs, 及基于 nodejs 的服务端框架 koa，并且具备编写脚手架的能力
• 学习并了解过 nestjs 框架，了解其整个开发流程
• 熟悉 http, https 等网络相关的知识
• 了解持续集成，使用过 gitlab 和 github ci
• 熟练使用 docker 容器，可独立编写镜像配置文件并实现镜像的打包

工作经历

• 收钱吧

  2018.09-2025.02(至今)

  1. 开发维护电饱饱海外版 AiMT Life+ app
  2. 开发维护智慧经营 B 端商品中心模块
  3. 开发维护发布系统 bingo
  4. 开发维护 CRM 相关的系统，包括 H5 和 pc 端的项目
  5. 开发维护 B 端 H5与微信小程序项目
  6. 开发维护 SPA 运营平台
  7. 带实习生

• 苏州罗想软件股份有限公司

  2016.11-2018.09

  1. 负责公司的移动端 app 项目的开发(利用 hybrid 技术)
  2. 开发维护移动端项目
  3. 开发供公司内部使用的 vue 组件库
  4. 后期开发维护公司的所有前端项目

项目经历

• 海外版 AiMT Life+ app 开发维护

  2024.12-2025.01.18

  技术 : flutter, dart 等

  AiMT Life+ app 主要服务于公司出海业务，目前只支持电饱饱模块，且为to C 项目，主要包含扫码租借充电宝，支付租金，支付押金，查看附近门店，查看租借订单等模块。采用 flutter 技术栈进行开发，项目的搭建，所有核心模块都是由我来负责开发。

• 智慧经验 B 端商品模块开发维护

  2024.09-2025.02(至今)

  技术 : vue, weex 等

  智慧经营 B 端系统是一个 weex 项目，运行在收钱吧 app 提供的 weex 容器中，主要包含商品中心，数据中心，开店管理，营销中心等模块，我主要负责商品管理模块，主要参与的需求有商品批量修改描述，单位，提供给其他业务组商品/分类选择组件等。

• CRM 系统及 B 端 H5

  2019.12-2024.07

  技术 : react, dva, nextjs, ts, antd 等

  crm 系统包括移动端的 h5 项目，pc 端的 spa 项目。spa 项目就是简单的在 cra 脚手架的基础上创建的项目，添加了自动上传静态资源到 oss 的功能等。h5 项目是基于 nextjs 创建的 ssr 项目，通过 webview 内嵌于 app 内，添加了自动上传静态资源到 oss 功能；将服务的协议改成 http2 ；接入性能及错误监控平台 sentry ；优化了图标（将原先的图片和字体图标变成了 svg sprite）；添加高清方案；优化了开发体验（自动获取当前 ip ，自动打开浏览器等）。项目都是基于 ts 开发，并通过 docker 和 gitlab ci 实现持续集成及自动发布。B 端同 crm 的 h5 项目。

  ---

• 运营平台

  2019.12-2024.07

  技术 : react, umi, eggjs, antd, amap 等

  运营平台是传统的 spa 项目，并通过 eggjs 创建代理服务。项目是传统的管理平台，其中比较有挑战的是，结合 amap 实现的一些业务需求（如片区划分，地图模式派工功能等）；图片裁截功能（基于 cropperjs 实现）。通过 docker 和 gitlab ci 实现持续集成及自动发布。

  ---

• bingo 发布系统

  2018.11-2019.01

  技术 : react, antd, eggjs 等

  bingo 是基于 k8s 的集成发布系统，解决了项目发布的时间不灵活，有损，及无法灰度等问题。项目中主要负责前端界面及与数据库的交互（项目为 nodejs 项目），与 k8s 服务交互由 java 提供接口，同时针对页面渲染耗时问题做了 webpakc 打包优化等。

  ---

• 通融铸造 MES 项目 app 开发

  2018.04-2018.08

  技术 : ionic, cordova 等

  利用 hybrid 技术，开发与金属冶炼工作流反馈相关的工业平板 app。项目中负责整个前端界面的开发，并对项目做了一些优化，如将公共的部分组件化，模块化等，同时将数据与模板分离，方便后期更新与维护。

  ---

• 公司 ERP 系统 PWA 和微信小程序项目

  2018.06-2018.07

  技术 : PWA 和微信小程序相关技术

  利用 PWA 和微信小程序技术栈，开发公司 ERP 系统的 PWA 和微信小程序应用。项目中负责整个前端界面的开发，通过项目对 PWA 和微信小程序相关技术有了一个基本的了解。这两个项目目主要是做一个技术储备。

  ---

• 公司内部的 vue 组件库

  2017.11-2018.05

  技术 : vue, threejs, canvas 等

  因项目需要，但目前已有的组件库引用及使用不友好，所以开发供公司内部使用的 vue 组件库，以提高开发效率，及增加可维护性。如事件日历组件，悬浮球功能组件，3D 全景组件，图片合成组件等。

  ---

• 个人开源项目

  技术 : react, webpack, rollup, gulp, vue, ts, nodejs, lerna, picocolors, cross-spawn, miniprogram-ci, miniu 等

  1. open-browser 是一个在开发环境服务启动成功后自动打开浏览器的插件，增加了自动获取局域网 ip 地址的功能, 以及对 penChrome.applescript 脚本的增强。
  2. miniapp-uploader 是微信/支付宝小程序上传工具，包含初始化和上传命令，上传命令支持传入版本，描述和机器人序号等参数，包括自动推送支付宝二维码功能, 这是我参与的开源项目。
  3. floating-ball 是一个类似于移动端原生的辅助触控的 web 端实现，目前提供了 react 和 vue 版本的组件。项目是基于 lerna 创建的 monorepos, 包括 core, 然后基于 core 实现的 react, vue 三个 packages, 利用 ts 开发，并通过 rollup 和 gulp 打包，并添加了 github ci 持续集成及自动发布到 npm 仓库功能。
  4. vue-generate-cli 自动生成 vue 模版文件的 cli，这个项目主要是在 vue 刚出来时，自带的脚手架并没有提供类似的功能，所以就自己动手开发了一个，并开源出来。

• 个人爱好

  阅读，跑步，健身，羽毛球，烹饪