{"id":19364038,"url":"https://github.com/yuanbingrui/resume","last_synced_at":"2026-02-10T11:37:32.482Z","repository":{"id":248870402,"uuid":"206581718","full_name":"YuanBingrui/resume","owner":"YuanBingrui","description":"resume","archived":false,"fork":false,"pushed_at":"2025-02-11T02:31:22.000Z","size":3794,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-08-12T09:31:45.281Z","etag":null,"topics":["jser"],"latest_commit_sha":null,"homepage":"https://yuanbingrui.github.io/resume/","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/YuanBingrui.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2019-09-05T14:18:36.000Z","updated_at":"2025-02-11T02:29:57.000Z","dependencies_parsed_at":null,"dependency_job_id":"8e3abecb-f5fe-4586-a6f9-8ee1ddf86b8f","html_url":"https://github.com/YuanBingrui/resume","commit_stats":null,"previous_names":["yuanbingrui/resume"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/YuanBingrui/resume","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YuanBingrui%2Fresume","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YuanBingrui%2Fresume/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YuanBingrui%2Fresume/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YuanBingrui%2Fresume/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/YuanBingrui","download_url":"https://codeload.github.com/YuanBingrui/resume/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/YuanBingrui%2Fresume/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29298507,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-10T10:40:02.018Z","status":"ssl_error","status_checked_at":"2026-02-10T10:38:28.459Z","response_time":65,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["jser"],"created_at":"2024-11-10T07:36:10.759Z","updated_at":"2026-02-10T11:37:32.446Z","avatar_url":"https://github.com/YuanBingrui.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ccenter\u003e\n  \u003ch1\u003e袁秉瑞\u003c/h1\u003e\n  \u003cdiv style=\"display: flex; justify-content: center;\"\u003e\n    \u003cdiv style=\"display: flex;align-items:center;\"\u003e\n      \u003cimg src=\"docs/assets/phone-solid.svg\" width=\"14px\" style=\"padding-right: 4px\"\u003e\n      \u003cspan\u003e13862057151\u003c/span\u003e\n    \u003c/div\u003e\n    ·\n    \u003cdiv style=\"display: flex;align-items:center;padding: 0 4px\"\u003e\n      \u003cimg src=\"docs/assets/envelope-solid.svg\" width=\"14px\" style=\"padding-right: 4px\"\u003e\n      bingrui_yuan0721@163.com\n    \u003c/div\u003e\n    ·\n    \u003cdiv style=\"display: flex;align-items:center;padding-left: 4px;\"\u003e\n      \u003cimg src=\"docs/assets/github-brands.svg\" width=\"14px\" style=\"padding-right: 4px\"\u003e\n      \u003ca href=\"https://github.com/YuanBingrui\"\u003eYuanBingrui\u003c/a\u003e\n    \u003c/div\u003e\n  \u003c/div\u003e\n\u003c/center\u003e\n\n## \u003cdiv style=\"display: flex;align-items:center;\"\u003e\u003cimg src=\"docs/assets/info-circle-solid.svg\" width=\"30px\" style=\"padding-right: 8px\"\u003e 个人信息 \u003c/div\u003e\n\n- 求职意向：前端开发工程师\n- 工作经验：7.5 年\n- 现工作地：苏州\n\n## \u003cdiv style=\"display: flex;align-items:center;\"\u003e\u003cimg src=\"docs/assets/graduation-cap-solid.svg\" width=\"30px\" style=\"padding-right: 8px\"\u003e 教育经历 \u003c/div\u003e\n\n- 本科，苏州大学，生物信息学专业，2013.9~2017.6\n\n## \u003cdiv style=\"display: flex;align-items:center;\"\u003e\u003cimg src=\"docs/assets/tools-solid.svg\" width=\"30px\" style=\"padding-right: 8px\"\u003e 技能清单 \u003c/div\u003e\n\n- 熟练使用 `ReactJs`, `Vuejs` 等, 并对 `ReactJs` 相关的一些技术点有着基本的了解，比如 `key` 的作用，组件性能优化等\n- 熟练使用 `Typescript` 开发项目，并在项目中有深入的使用\n- 熟练使用 `react-router`, `vue-router` 等 `spa` 路由库，并了解其原理\n- 熟练使用 `redux`, `zustand` 等 `React` 状态管理库，并了解其原理\n- 熟练使用 `Vue` 的状态管理库 `pinia`，并了解其原理\n- 熟练使用 `Flutter` 开发项目，了解其整个开发流程\n- 熟练使用 `css` 的原子框架 `tailwindcss`, `unocss`, 预处理库 `less`, `sass` 等\n- 熟练使用 `webpack`, `gulp`, `rollup`, `vite` 等打包工具，并对其原理有基本的了解\n- 熟练使用 `nodejs`, 及基于 `nodejs` 的服务端框架 `koa`，并且具备编写脚手架的能力\n- 学习并了解过 `nestjs` 框架，了解其整个开发流程\n- 熟悉 `http`, `https` 等网络相关的知识\n- 了解持续集成，使用过 `gitlab` 和 `github` `ci`\n- 熟练使用 `docker` 容器，可独立编写镜像配置文件并实现镜像的打包\n\n## \u003cdiv style=\"display: flex;align-items:center;\"\u003e\u003cimg src=\"docs/assets/briefcase-solid.svg\" width=\"30px\" style=\"padding-right: 8px\"\u003e 工作经历 \u003c/div\u003e\n\n- \u003cdiv style=\"display: flex;justify-content: space-between;align-items:center;\"\u003e\n    \u003ch5\u003e收钱吧\u003c/h5\u003e\n    2018.09-2025.02(至今)\n  \u003c/div\u003e\n\n  \u003e 1. 开发维护电饱饱海外版 `AiMT Life+ app`\n  \u003e 2. 开发维护智慧经营 B 端商品中心模块\n  \u003e 3. 开发维护发布系统 `bingo`\n  \u003e 4. 开发维护 `CRM` 相关的系统，包括 `H5` 和 `pc` 端的项目\n  \u003e 5. 开发维护 `B` 端 `H5`与微信小程序项目\n  \u003e 6. 开发维护 `SPA` 运营平台\n  \u003e 7. 带实习生\n\n- \u003cdiv style=\"display: flex;justify-content: space-between;align-items:center;\"\u003e\n    \u003ch5\u003e苏州罗想软件股份有限公司\u003c/h5\u003e\n    2016.11-2018.09\n  \u003c/div\u003e\n\n  \u003e 1. 负责公司的移动端 `app` 项目的开发(利用 `hybrid` 技术)\n  \u003e 2. 开发维护移动端项目\n  \u003e 3. 开发供公司内部使用的 `vue` 组件库\n  \u003e 4. 后期开发维护公司的所有前端项目\n\n## \u003cdiv style=\"display: flex;align-items:center;\"\u003e\u003cimg src=\"docs/assets/project-diagram-solid.svg\" width=\"30px\" style=\"padding-right: 8px\"\u003e 项目经历 \u003c/div\u003e\n\n- \u003cdiv style=\"display: flex;justify-content: space-between;align-items:center;\"\u003e\n    \u003ch4\u003e海外版 \u003ccode\u003eAiMT Life+ app\u003c/code\u003e 开发维护\u003c/h4\u003e\n    2024.12-2025.01.18\n  \u003c/div\u003e\n\n  \u003e 技术 : `flutter`, `dart` 等\n\n  `AiMT Life+ app` 主要服务于公司出海业务，目前只支持电饱饱模块，且为`to C` 项目，主要包含扫码租借充电宝，支付租金，支付押金，查看附近门店，查看租借订单等模块。采用 `flutter` 技术栈进行开发，项目的搭建，所有核心模块都是由我来负责开发。\n\n- \u003cdiv style=\"display: flex;justify-content: space-between;align-items:center;\"\u003e\n    \u003ch4\u003e智慧经验 \u003ccode\u003eB\u003c/code\u003e 端商品模块开发维护\u003c/h4\u003e\n    2024.09-2025.02(至今)\n  \u003c/div\u003e\n\n  \u003e 技术 : `vue`, `weex` 等\n\n  智慧经营 `B` 端系统是一个 weex 项目，运行在收钱吧 `app` 提供的 weex 容器中，主要包含商品中心，数据中心，开店管理，营销中心等模块，我主要负责商品管理模块，主要参与的需求有商品批量修改描述，单位，提供给其他业务组商品/分类选择组件等。\n\n- \u003cdiv style=\"display: flex;justify-content: space-between;align-items:center;\"\u003e\n    \u003ch4\u003e\u003ccode\u003eCRM\u003c/code\u003e 系统及 \u003ccode\u003eB\u003c/code\u003e 端 \u003ccode\u003eH5\u003c/code\u003e\u003c/h4\u003e\n    2019.12-2024.08\n  \u003c/div\u003e\n\n  \u003e 技术 : `react`, `dva`, `nextjs`, `ts`, `antd` 等\n\n  `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` 项目。\n\n  ***\n\n- \u003cdiv style=\"display: flex;justify-content: space-between;align-items:center;\"\u003e\n    \u003ch4\u003e运营平台\u003c/h4\u003e\n    2019.12-2024.08\n  \u003c/div\u003e\n\n  \u003e 技术 : `react`, `umi`, `eggjs`, `antd`, `amap` 等\n\n  运营平台是传统的 `spa` 项目，并通过 `eggjs` 创建代理服务。项目是传统的管理平台，其中比较有挑战的是，结合 `amap` 实现的一些业务需求（如片区划分，地图模式派工功能等）；图片裁截功能（基于 `cropperjs` 实现）。通过 `docker` 和 `gitlab ci` 实现持续集成及自动发布。\n\n  ***\n\n- \u003cdiv style=\"display: flex;justify-content: space-between;align-items:center;\"\u003e\n    \u003ch4\u003e\u003ccode\u003ebingo\u003c/code\u003e 发布系统\u003c/h4\u003e\n    2018.11-2019.01\n  \u003c/div\u003e\n\n  \u003e 技术 : `react`, `antd`, `eggjs` 等\n\n  `bingo` 是基于 `k8s` 的集成发布系统，解决了项目发布的时间不灵活，有损，及无法灰度等问题。项目中主要负责前端界面及与数据库的交互（项目为 `nodejs` 项目），与 `k8s` 服务交互由 `java` 提供接口，同时针对页面渲染耗时问题做了 `webpakc` 打包优化等。\n\n  ***\n\n- \u003cdiv style=\"display: flex;justify-content: space-between;align-items:center;\"\u003e\n    \u003ch4\u003e通融铸造 \u003ccode\u003eMES\u003c/code\u003e 项目 \u003ccode\u003eapp\u003c/code\u003e 开发\u003c/h4\u003e\n    2018.04-2018.08\n  \u003c/div\u003e\n\n  \u003e 技术 : `ionic`, `cordova` 等\n\n  利用 `hybrid` 技术，开发与金属冶炼工作流反馈相关的工业平板 `app`。项目中负责整个前端界面的开发，并对项目做了一些优化，如将公共的部分组件化，模块化等，同时将数据与模板分离，方便后期更新与维护。\n\n  ***\n\n- \u003cdiv style=\"display: flex;justify-content: space-between;align-items:center;\"\u003e\n    \u003ch4\u003e公司 \u003ccode\u003eERP\u003c/code\u003e 系统 \u003ccode\u003ePWA\u003c/code\u003e 和微信小程序项目\u003c/h4\u003e\n    2018.06-2018.07\n  \u003c/div\u003e\n\n  \u003e 技术 : `PWA` 和微信小程序相关技术\n\n  利用 `PWA` 和微信小程序技术栈，开发公司 `ERP` 系统的 `PWA` 和微信小程序应用。项目中负责整个前端界面的开发，通过项目对 `PWA` 和微信小程序相关技术有了一个基本的了解。这两个项目目主要是做一个技术储备。\n\n  ***\n\n- \u003cdiv style=\"display: flex;justify-content: space-between;align-items:center;\"\u003e\n    \u003ch4\u003e公司内部的 \u003ccode\u003evue\u003c/code\u003e 组件库\u003c/h4\u003e\n    2017.11-2018.05\n  \u003c/div\u003e\n\n  \u003e 技术 : `vue`, `threejs`, `canvas` 等\n\n  因项目需要，但目前已有的组件库引用及使用不友好，所以开发供公司内部使用的 `vue` 组件库，以提高开发效率，及增加可维护性。如事件日历组件，悬浮球功能组件，`3D` 全景组件，图片合成组件等。\n\n  ***\n\n- \u003cdiv style=\"display: flex;justify-content: space-between;align-items:center;\"\u003e\n    \u003ch4\u003e个人开源项目\u003c/h4\u003e\n  \u003c/div\u003e\n\n  \u003e 技术 : `react`, `webpack`, `rollup`, `gulp`, `vue`, `ts`, `nodejs`, `lerna`, `picocolors`, `cross-spawn`, `miniprogram-ci`, `miniu` 等\n\n  1. [`open-browser`](https://github.com/YuanBingrui/open-browser) 是一个在开发环境服务启动成功后自动打开浏览器的插件，增加了自动获取局域网 `ip` 地址的功能, 以及对 `openChrome.applescript` 脚本的增强。\n  2. [`miniapp-uploader`](https://github.com/iFiring/miniapp-uploader) 是微信/支付宝小程序上传工具，包含初始化和上传命令，上传命令支持传入版本，描述和机器人序号等参数，包括自动推送支付宝二维码功能, 这是我参与的开源项目。\n  3. [`floating-ball`](https://github.com/YuanBingrui/floating-ball) 是一个类似于移动端原生的辅助触控的 `web` 端实现，目前提供了 `react` 和 `vue` 版本的组件。项目是基于 `lerna` 创建的 `monorepos`, 包括 `core`, 然后基于 `core` 实现的 `react`, `vue` 三个 `packages`, 利用 `ts` 开发，并通过 `rollup` 和 `gulp` 打包，并添加了 `github ci` 持续集成及自动发布到 `npm` 仓库功能。\n  4. [`vue-generate-cli`](https://github.com/YuanBingrui/vue-generate-cli) 自动生成 `vue` 模版文件的 `cli`，这个项目主要是在 `vue` 刚出来时，自带的脚手架并没有提供类似的功能，所以就自己动手开发了一个，并开源出来。\n\n- \u003cdiv style=\"display: flex;justify-content: space-between;align-items:center;\"\u003e\n    \u003ch4\u003e个人爱好\u003c/h4\u003e\n  \u003c/div\u003e\n\n  \u003e 阅读，跑步，健身，羽毛球，烹饪\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyuanbingrui%2Fresume","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyuanbingrui%2Fresume","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyuanbingrui%2Fresume/lists"}