一、Hoko Face港颜电商后台管理系统(2017/6- 2019/4 )
开发技术:React + ES6 + Less + Antd + Axios + Webpack + Babel + Node
个人职责:
● 负责项目的公共组件与业务组件的编写
● 使用Webpack4+Babel7构建优化本地开发环境与线上环境,按需加载页面
● 负责项目技术模块的升级工作和功能模块的重构工作(解耦与优化)
● 解决浏览器的兼容问题(IE)和线上问题
经验总结:
● 完成项目140+个路由页面的编写,参与了项目的50+个版本的迭代
● 完成React UI组件框架的开发并发布至npm,源码请在PC端点击这里
● 因为后台系统的路由页面的布局和所需要的基础功能都有通用的,如各种弹框组件和基础的UI组 件等,所以将页面的基础UI和基础的功能组件封装在高阶组件中,以大大提升我们的开发效率
● 重构项目的工程化架构,完成Webpack2到Webpack4+Babel7的升级工作,提升了70%的开发环境 和30%生产环境的构建速度,并通过按需加载路由的方式,将首屏加载时长从平均 6.5s 提升到
1.5s,解决项目的不断迭代导致首屏加载速度越来越慢的问题,详细请在PC端点击这里,且 有幸收到掘金官方推送和360前端团队奇舞周刊的转载,详细请在PC端点击这
二、港颜美妆小程序和红口袋小程序(2019/1- 2019/4 ) 开发技术:Taro + dva + less + ES6
个人职责:
● 负责从零搭建小程序的项目架构
● 负责项目的公共组件与业务组件的编写
● 解决各个平台小程序的兼容问题
● 解决小程序请求接口https证书申请和配置
● 负责小程序上线与发布(由于ICP证书的问题暂未上线)
经验总结:
● 一周内完成Taro框架的学习并完成两个小程序的第一个版本
● 由于Taro和小程序的限制,导致某些开发场景下无法使用React方式去做开发,所以在进行Taro开
发之前,一定要阅读官方文档和Taro的开发规范来规避这些问题,否则会发生之外的问题
● 由于小程序的加载性能跟原生APP的性能存在很大差距,导致往往能在APP端渲染大量图片的页 面,到了小程序端会出现卡顿的现象,于是使用Taro的Image组件的懒加载API解决了这个问题