卖贝商城
项目描述: 这是以一个文学小说,儿童书籍,教育书籍售卖品类的电商购物平台,我是项目的主要开发者,负责了项目的框架搭建,封装公共头部和尾部,与后端进行交互获取数据,渲染页面,有75%都是我开发的。
项目网址:https://www.netshop168.com/
技术栈:React.JS, mobx , react-router, antd, swiper Axios
项目内容:
1. 把项目中用到的公共方法,进行封装。如:
+ 基于对axios进行二次封装,完成对响应结果的统一处理以及公共参数的提取等
+ 把项目中用到的公共方法,封装到utils库中「例如:函数的防抖节流、深拷贝、深合并、对象迭代、数据类型检测、时间字符串处理等」
+ 本着“高复用”的设计原则,对项目中的业务组件进行封装「例如:公共的头部/尾部、列表每项内容独立封装」
+ 根据业务逻辑对UI组件库中的组件进行二次封装「例如:轮播图组件、删除/修改等确认提示组件等」
2. 基于prop-types检测props数据类型,根据提示快速定位类型传递错误。
3. 基于mobx v6版本中的makeAutoObservable对makeObservable的加强,给状态和方法设置装饰器的效果。
4. 基于 react-router中的路由懒加载,实现模块的分隔打包,加快首屏渲染