# 阮继潜

# 高级WEB前端开发工程师 @明源云

阮继潜 | 26|| 大专 ︳5年工作经验 ︳深圳  ︳离职状态(一周内到岗)

184-7968-6787 | 1016744743@qq.com  |  微信号: FY782654

# 专业技能

1:掌握扎实的HTMLCSS、JavaScript(ES6)基础知识。
2:熟悉Vue全家桶、Angular、React、TypeScript、PWA、Cordova、Ionic、jQuery、微信小程序、Canvas、Less、Sass等开发框架
3:掌握闭包、面向对象、继承、设计模式编程及基本数据结构和算法
4:熟悉W3C标准规范,深入理解浏览器性能优化原理,能构建出兼容主流浏览器的高性能页面,具有大型电商网站项目开发经验
5:熟悉Gulp、Webpack自动化构建框架
6:熟悉Node.js、JAVAPHP 后端开发语言及HTTP基本协议原理
7:了解SQLServer、MySQL、MongoDB 数据库

# 工作经历

深圳环球易购有限公司 (高级Web前端工程师) 2016.07 - 2020.03

1:负责C端电商平台的所有业务,承担前端项目负责人角色
2:前端基础架构、组件、核心模块化规范的制定和研发,优化开发流程,提升开发效率
3:负责项目技术调研,技术评审,需求排期等工作
4:负责日常大促业务 如黑五,网一,店庆研发以及技术指导
5:技术攻关,负责新技术的研究与接入,提升业务指标
6:把控项目安全漏洞风险,推动项目的研发进展

华信智能科技有限公司 (Web前端工程师) 2015.01 - 2016.07

1. 负责 Web App前端整体框架搭建及功能开发设计、
2. 不断优化改进APP 性能体验及产品功能
3. APP项目打包,部署并发布到AppStore
4. 持续改进、升级和优化产品功能,维护现有软件产品的缺陷。
5ES6新技术的学习和实践,并运用到项目当中

# 项目经验

Zaful服装销售平台(pc&wap)https://www.zaful.com/

Zaful是一个跨境电商销售平台,该项目支持十多个多语言平台,日均PV百万级别,平台实现了以跨境B2C电子商务在线零售模式把中国制造的产品直接销售到海外终端消费者。
【技术栈】:ES6PWA 、WebPush、ServicesWork、Vue、Canvas、Less、Gulp
【职责】
 1:引入GoogleTagManager管理平台,迁移第三方统计代码至该平台,提升第三方代码的可移植性和可扩展性,方便后期维护跟踪和发布,与主业务代码分离,降低耦合度
 2:引入PWA新技术,ServiceWorker资源缓存提升网站性能,接入WebPush提升运营推广渠道,推送未付款订单,提升销售业绩
 3:使用发布订阅设计模式接入埋点方案,解耦网站主要逻辑代码,方便后期维护扩展
 4:使用Gulp 构建工具重构开发流程,开发方式引入ES6技术,基于Promise Task任务队列,递归算法模式执行打包构建,提升编译效率,并开源总结代码发布至Github
 5:网站的性能优化工作,静态资源使用缓存方案;图片懒加载方案以及webp图片格式处理;减少页面的回流和重绘操作,动画场景采用3D场景加速优化;首屏优化渲染,首屏外数据采用滚动延迟加载渲染;密集型操作事件使用高阶函数防抖和节流优化处理等
 6:用户操作及购物流程优化,基于js封装通用功能组件,并对外提供API接口,如商品快速加购,快速登录弹框,ABTest核心代码封装等
 7:配合UI设计师改版ui界面,从原来px 布局转为rem布局,更好的适配移动端,提升页面用户体验和动画交互效果,提升网站的品牌影响力度
 8:大促活动开发,如转盘抽奖,秒杀功能,基于Canvas技术实现页面视觉动画圣诞节雪花飘落效果,并开源发布GitHub
 9:负责增长黑客业务研发,如:裂变拉新活动,砍价,拼团,红包雨等活动研发,提升新用户注册数量
 10:网红视频直播业务研发,基于H5 WebRTC技术接入直播功能,WebSocket技术实现推送商品及实时在线聊天功能,提升商品的曝光量及销售额业绩。
 11:前端安全监控代码部署及日志跟踪管理,定期把控前端安全风险

Geshop页面建站系统

Geshop是基于业务组件化的方式创建前端页面的内部管理系统,运营人员通过鼠标拖拽组件,动态装修配置,就能快速发布上线运营推广,从而提升zaful站点运营效率节约人员成本 
【技术栈】:Vue、ES6、Elmentui、IndexDB、Webpack、WebWork
【职责】
 1:基于Vue Component技术抽象化封装电商业务组件(秒杀,转盘抽奖,商品列表,coupon码)等,提高了组件的复用性和可扩展性
 2:基于IndexDB浏览器数据库本地存储组件配置数据,解决用户误操作关闭页面数据丢失问题。
 3:根据from表单业务场景设计JSON数据对象模型,动态化配置表单参数
 4:业务组件数据的动态绑定管理与气氛样式装修配置功能开发并设计便于运营人员操作的配置交互方式,
 5:使用vuex技术集中式存储管理应用的所有组件的状态,实现父子组件之间的数据传输和方法调用。
 6:使用WebWorker多线程技术处理SKU数据分类问题,解决组件视图渲染阻塞问题
 7:使用requestAnimationFrame优化页面数据渲染,防止页面卡死
 8:Webpack打包优化,减少文件体积大小,使用 webpack-bundle-analyzer插件分析文件大小;Rouer 异步加载组件;使用 mini-css-extract-plugin提取css;导入模块的时候模块化引入;部分文件使用CDN加载;服务端开启Gzip压缩等方式优化打包

微商相册微信小程序

微商相册是一款云共享相册软件,用户可以创建一个云端的相册。主要核心功能为:云端存储视频+图片、以图搜图、在线下载/上传图文设置价格上架发布商品、在线好友转发、VIP会员充值、拼图分享商品,销售订单/物流跟踪管理,订单打印等功能。
【技术栈】:微信小程序框架、ES6,Gulp、Sass
【职责】:
 1:商品相册列表瀑布流布局功能开发实现,并封装通用组件模块
 2:小程序页面自定义navigationStyle组件开发封装,提供动态参数配置调用,
 3UI界面交互改版,提升页面交互流畅度及用户体验
 4:Canvas海报拼图/商品拼图功能开发,基于ES6 Class面向对象编程方式封装通用API,提供图片数量,间距配置,图片裁剪,图片布局等配置参数实现简单调用。
 5:添加商品相册功能研发,基于Canvas技术压缩图片,提升图片上传效率
 6:页面/商品转发分享弹框组件封装,实现分享,图片/视频下载,海报拼图等功能。 
 7:使用Gulp+Sass 构建编译开发,提升开发效率

技师学院APP

技师学院是一款面向学院学生用户的Web APP,操作方便,有很好的用户体验,同时支持Android和iOS平台,非常贴近学生的生活方式,极大的丰富了学生的校园生活。
【技术栈】:AngularJS、Cordova、Ionic、IndexDB
【职责】:
 1:Cordova+Ionic+angularjs 跨平台技术开发APP,节约开发成本。
 2:接入Baidu地图SDK,研发站点地图功能,实现智能搜素自行车,并实现自行车租赁等业务。
 3:接入(Alipay/WeChat)Pay,为学生提供校园通卡充值以及宿舍水电缴费功能
 4:使用IndexDB技术离线缓存数据,便于用户在弱网状态下也能浏览数据
 5:Gulp 构建工具打包压缩构建,减少文件体积大小
 6:引入 ionic-native-transitions提升页面切换体验,引入Crosswalk WebView 插件提升WebView 性能
 7APP版本更新功能核心代码编写及后期打包发布AppStore上架

# 自我评价

1:专注Web前端领域,具备pc桌面端,wap移动端,跨平台APP,微信小程序/公众号,后台管理系统等多维度项目开发经验
2:具备产品业务能力及UI交互能力,能快速理解原型并实现业务功能
3:以结果为导向,注重效率
4:善于学习归纳总结,自我驱动,敢于挑战难点并实践,不断学习和分享,渴望加入到一个更加优秀的团队中

# 教育背景

江西生物科技职业学院  大专·计算机网络技术  2013.9 ~ 2016.6

# 作品链接

1:个人博客网站 https://www.windhome.win/
2:Github 主页 https://github.com/ruanjq
3:Zaful项目作品 https://www.zaful.com