-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
30 lines (30 loc) · 15 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>张瑞 - WEB前端开发</title><link rel="stylesheet" href="dist/css/style.min.css"><link rel="stylesheet" href="dist/font/iconfont.css"></head><body><header></header><main><div class="edit-time">更新时间: 2021 年 1 月</div><!-- page start --><div class="page"><div class="page-subpage"><div class="profile"><!-- user start --><div class="profile-user"><img class="profile-user-avatar" src="dist/image/avatar.png" alt="张瑞-web前端"><h3 class="profile-user-username">张瑞</h3><div class="line-2"></div><h4 class="profile-user-job">WEB前端工程师</h4><div class="line-1"></div></div><!-- user end --><!-- profile-skill start --><div class="profile-skill"><!-- <div class="profile-skill-item">
<span class="profile-skill-item-name">HTML</span>
<div class="percent"><i class="percent-8"></i><i class="percent-2"></i></div>
</div>
<div class="profile-skill-item">
<span class="profile-skill-item-name">CSS</span>
<div class="percent"><i class="percent-8"></i><i class="percent-2"></i></div>
</div> --><div class="profile-skill-item"><span class="profile-skill-item-name">JavaScript</span><div class="percent"><i class="percent-9"></i><i class="percent-1"></i></div></div><div class="profile-skill-item"><span class="profile-skill-item-name">React</span><div class="percent"><i class="percent-9"></i><i class="percent-1"></i></div></div><div class="profile-skill-item"><span class="profile-skill-item-name">Vue</span><div class="percent"><i class="percent-7"></i><i class="percent-3"></i></div></div><div class="profile-skill-item"><span class="profile-skill-item-name">Node.js</span><div class="percent"><i class="percent-5"></i><i class="percent-5"></i></div></div></div><!-- profile-skill end --><!-- about start --><div class="profile-about"><p>我是一名热爱编程的Web前端开发者,有过 React、Vue、小程序、 H5游戏(Phaser)、Hybrid APP 等实际项目经验,对后端开发(Node.js、java)也有所了解,并且有过全栈项目的经验。</p><p>我从2017年7月实习并毕业工作至今,平时我喜欢钻研和学习新的技术,阅读开源代码,乐于学习,敢于挑战,追求着极致完美,一直致力于提高生产力和用户体验。</p><br><p>也很高兴遇见你,愿一起拼搏一起成长。</p></div><!-- about end --><!-- concat start --><div class="profile-concat"><div class="profile-concat-item"><a href="https://github.com/tyouzu1"><i class="iconfont icon-github-fill"></i>github.com/tyouzu1</a></div><div class="profile-concat-item"><a href="mailto://tyouzu1@163.com?subject=邮件标题&body=邮件内容"><i class="iconfont icon-mail-fill"></i>tyouzu1@163.com</a></div><div class="profile-concat-item"><a href="tel://17690792123"><i class="iconfont icon-phone-fill"></i>17690792123</a></div><div class="profile-concat-item"><span><i class="iconfont icon-wechat-fill"></i>ChiXin333</span></div><div class="profile-concat-item"><a href="https://tyouzu1.github.io/blog/"><i class="iconfont icon-home-fill"></i>tyouzu1.github.io/blog/</a></div></div><!-- concat end --></div><div class="details"><div class="details-section">教育背景</div><div class="details-title" data-time="2014 年 9 月 - 2018 年 7 月">大连民族大学</div><div class="mt-2">本科   计算机科学与技术</div><div class="details-section mt-2">专业技能</div><!-- 专业技能 start --><div><!-- <div class="details-text">
熟悉W3C标准,能够编写语义化的 HTML,模块化的 CSS,实现 较复杂的布局与 CSS3 动画。熟悉已标准化的 HTML5 /
CSS3 新特 性,做到响应式布局和各主流浏览器适配。使用过 Sass 、Less 等 CSS 扩展语言
</div> --><div class="details-text">熟悉原生 JS 以及底层 Event loop、垃圾回收 等机制,理解 原型链、闭包、高阶函数、柯理化、函数节流/去抖 以及 设计模式 等。 熟悉ECMAScript新标准与编译工具 Babel,并能在项目中熟练使用,熟悉 TypeScript</div><div class="details-text">熟悉 React 及其生态,理解 高阶组件、Render props 等,了解底层 fiber 等。 从 React+ React-router +Redux+Redux-saga 到 umi + dva, 都有过实际的开发经验。熟悉 Vue 以及 Vuex 等周边框架的使用,阅读过v2.6以及v3.0的源码,了解底层实现原理</div><div class="details-text">熟练使用 webpack、gulp 进行工程化。熟练使用 npm、Git 进行开发</div><div class="details-text">使用过 Node.js 以及 koa、egg,了解 Java、Redis 以及基本的数据库知识,并且有过实际的项目经验</div><!-- <div class="details-text">
熟悉数据结构、算法、面对对象等编程基础知识,对 MV* 框架,模块化有一定的了解。
</div> --></div><!-- 专业技能 end --><!-- 项目经历 page1 start --><div class="details-section">项目经历</div><!-- 千易 start --><div><div class="details-title" data-time="2019 年 3 月 - 至今">千易跨境电商ERP + Chrome插件 + Node中间层 + windows打印组件 + 周边应用</div><div class="details-text" data-nobefore>具有 鉴权、消息系统、付费、打印(自定义打印、Node数据转换 以及 C# WPF 打印组件)、chrome插件、多时区、可视化 以及 多语言 等功能<div class="details-content-container"><div class="details-text">主应用 ERP 使用 React+Reflux+antd 构建,依赖公司 业务组件库(800best Design)、eslint库(@best/best-lint-js),以及 公司npm镜像。</div><div class="details-text">Node 中间层使用 Egg.js,主要使用 puppeteer + pdf-lib 实现生成 PDF 的功能。 windows 端的 千易打印组件 使用 C# WPF 制作。</div><div class="details-text">其他应用均使用 React + Redux + Redux-saga 以及 webpack 的方案, 实现了配置式路由以及组件式权限管理,利用 require.context 完成自动化加载,使用 happypack、DLL 和 Tree shaking 等进行优化</div><div class="details-text">chrome插件 使用 Vue 构建,用于拉取不同电商平台的各项数据。</div></div></div></div><!-- 千易 end --><!-- 违章查询 start --><div><div class="details-title" data-time="2018 年 7 月 - 2019 年 3 月">违章查询 移动端 + PC端 + 小程序端</div><div class="details-text" data-nobefore>具有查询、缴费、个人中心、新闻信息流以及优惠券等功能<div class="details-content-container"><div class="details-text">违章查询-百度极速服务版 使用 mip2 进行搭建,rem 适配,在 MIP 沙箱环境内使用专用的 api 以及组件进行代码编写,MIP底层由 iframe 实现 SPA</div><div class="details-text">PC端+移动端使用 vue 构建,移动端使用过 vw(postcss)、rem 两种适配方案,移动端与 App 端联动,使用 WebViewJavascriptBridge 进行通信。基于 class 为多端应用封装了统一的交互功能</div><div class="details-text">小程序端(微信/支付宝/百度)搭建了一套通用的车主服务小程序模版,使用 gulp 搭建小程序脚手架 ,并且使用了公司自己定制的小程序 UI 框架</div><div></div></div></div></div><!-- 违章查询 end --><!-- 限行指南 start --><div><div class="details-title" data-time="2018 年 10 月 - 2019 年 3 月">限行指南 小程序端 + 移动端</div><div class="details-text">使用 Taro 进行的一次多端统一开发框架实践,并拓展了 dva 进行开发,在相同业务模型的情况下,需要兼容 H5 以及小程序端 的各种定制功能</div></div><!-- 限行指南 end --><!-- 项目经历 page1 end --></div></div></div><!-- page end --><!-- 称重测量、发货全流程 --><!-- page2 start --><div class="page page2"><div class="page-subpage"><div class="details"><!-- 汽车资讯 start --><!-- <div>
<div class="details-title" data-time="2018 年 8 月 - 2018 年 9 月">
汽车资讯 通用H5
</div>
<div class="details-text">
使用 vue-cli 进行搭建,作为其他多端应用的信息流的落地页,需要兼容多种小程序以及 h5 和 App,定制不同功能如: 跳转App、跳转小程序、共享登录态 等,支持承载多种广告
</div>
</div> --><!-- 汽车资讯 end --><!-- Phaser start --><div><div class="details-title" data-time="2018 年 1 月- 2018 年 3 月">Phaser 框架 canvas 游戏</div><div class="details-text">脚手架使用 Phaser+ES6+webpack+抽象工厂模式 构建,通用场景包含:排行榜、积分结算、游戏首页以及Game over场景等,可以利用配置生成不同的通用场景,每个人只需写游戏进行中的场景</div></div><!-- Phaser end --><!-- Hybrid APP start --><div><div class="details-title" data-time="2018 年 1 月- 2018 年 3 月">新世纪教育 App(混合应用)+ 后台管理系统</div><div class="details-text">分为教师、学生、家长三端,使用 framework7 搭建,兼容 ios 与 Andriod,具有直播、作业(布置、写、批改)等功能。使用 WebViewJavascriptBridge 与 ios、Android 进行通信。部分后期新增的特殊功能落地页使用 React 搭建</div><div class="details-text">后台管理系统使 用 Dva + Ant Design 构建,并构建有业务私有npm包(利用 AST 实现学生作业的定制)</div></div><!-- Hybrid APP end --><!-- springMVC start --><!-- <div>
<div class="details-title" data-time="2017 年 9 月- 2017 年 12 月">
springMVC 官网 + 后台管理系统(全栈)
</div>
<div class="details-text">
前端主要使用 jQuery 进行动态页面开发,后台系统为 jQuery 搭建的 SPA 应用,使用 iframe 的方法上传文件。期间也是第一次学会并应用了 函数节流/函数防抖 以及 懒加载策略
</div>
<div class="details-text">
后端使用 springMVC。有帐号、数据、文件等模块。shiro 控制权限。session 控制帐号状态
</div>
</div> --><!-- springMVC end --><div class="details-section">工作经历</div><!-- 百世物流科技 start --><div><div class="details-title" data-time="2019 年 3 月 - 至 今">百世物流科技</div><div class="details-text">担任千易团队的前端组长,推动团队技术方向,提出解决方案,协调组内的前端资源以及每个前端的分工,解决技术问题,组织技术分享等</div><div class="details-text">负责解决主要的性能问题以及新功能拓展,搭建不同业务的主要框架,基于技术推动业务发展。工作流程规范基于 Atlassian(JIRA、Wiki、Bitbucket),使用 Jenkins 进行打包发布</div><div class="details-content-container"><div class="details-title" data-time="2019 年 3 月 - 至今">千易跨境电商ERP <a target="_blank" rel="noopener noreferrer" href="https://www.qianyierp.com">www.qianyierp.com</a></div><div class="details-text" data-nobefore>跨境卖家使用的全链路ERP系统,已对接多平台(Amazon、Ebay等十几个平台)、多物流(百世、出口易等二十多个)、多仓库(FBA、百世海外等二十多个)。 卖家在ERP中可以对店铺进行全链路操作,如关联商品、订单操作、库存变更、采购、打单、称重、发货以及结算和统计等,并且附有 微信小程序 供卖家审核、查看可视化数据等,也有 千易BI 看板可进行可视化管理</div><div class="details-text" data-nobefore>打印服务:用于生成 物流面单数据、商品数据、条码数据等的 PDF 文件,供卖家在出入库时进行打印操作。结合 windows 客户端的 千易打印组件 可实现一键打印</div><div class="details-title" data-time="2020 年 2 月 - 至今">Qlisting商品采集 <a target="_blank" rel="noopener noreferrer" href="https://qlisting.qianyierp.com">qlisting.qianyierp.com</a></div><div class="details-text" data-nobefore>卖家可以使用 Qlisting采集助手(chrome插件)对数十种平台(1688、淘宝、Amazon等)的商品进行数据采集,并且可以在系统中可以快捷上传、修改和下架线上商品</div><div class="details-title">其他业务</div><div class="details-text">百世跨境运输管理系统(React)、针对于千易ERP的超级管理员系统(React)、gulp 构建的各种H5活动页面</div></div></div><!-- 百世物流科技 end --><!-- 杭州求圣科技有限公司 start --><div class="mt-16"><div class="details-title" data-time="2018 年 3 月 - 2019 年 3 月">杭州求圣科技有限公司</div><div class="details-text">担任公司 C端 的前端组长,承担(车主服务)业务矩阵的 主要开发任务,整体业务矩阵的公告模块,活动,信息流模块,统计埋点等,以及和其他公司合作的业务</div><div class="details-text">协助其他成员解决问题制定方案;并同组员进行 Code Review,提升前端整体代码质量</div><div class="details-text">通过业务累积,实现自动化构建的多端小程序模版,以及小程序组件 等</div><div class="details-content-container"><div class="details-title" data-time="2018 年 7 月 - 2019 年 3 月">违章查询 <a target="_blank" rel="noopener noreferrer" href="https://mys4s.cn/static/vio/index.html">mys4s.cn/static/vio/index.html</a></div><div class="details-text" data-nobefore>用于 查询车辆违章信息以及 违章/罚单 缴费。包含 小程序端:微信、百度 以及 支付宝 三端,移动端:百度极速服务、车辆资讯信息流H5(Vue),PC端(Vue)</div><div class="details-title" data-time="2018 年 4 月 - 2018 年 11 月">码上挪车 <a target="_blank" rel="noopener noreferrer" href="https://mys4s.cn/static/nc/h5/index.html">mys4s.cn/static/nc/h5/index.html</a></div><div class="details-text" data-nobefore>用于 客户扫码匿名挪车。负责客户端 部分业务 的开发,以及后期迭代。主要包括 小程序端:支付宝,移动端:车辆资讯信息流H5(Vue),滴滴车主服务App端:H5(Vue)以及 后台管理系统(React)</div><div class="details-title">其他业务</div><div class="details-text">违章相关业务 如:违章高发地,年审代办,限行指南,驾考题库 等,均为 小程序 + 移动端H5(Vue)</div><div class="details-text">官网、C端业务的管家后台(Vue版 以及后期改版的 React版),用于维护基本业务</div><div class="details-text">通用业务:如车辆资讯信息流H5(Vue),用于各个业务快速接入信息流资讯、广告等<!-- <a href="https://mys4s.cn/static/xcar/index.html#/News/2035433">mys4s.cn/static/xcar/index.html#/News/2035433</a> --></div></div></div><!-- 杭州求圣科技有限公司 end --></div></div></div><!-- page2 end --></main><footer><a href="https://github.com/tyouzu1/resume/"><i class="iconfont icon-github-fill"></i>github.com/tyouzu1/resume/</a></footer><script src="dist/js/index.min.js"></script></body></html>