baby项目
所用技术:
react+react-router-dom+axios+antd-mobile+store+html2canvas+dayjs+classname+sass+yarn+md5+宝宝树内部的组件库
项目介绍
baby项目就是babypp是一个电商购物平台,主要就是卖母婴产品然后广告
技术点:
1、页面启动环境yarn,需要内网,切host
2、引入react-router-dom配置好路由,使用路由懒加载,提升首屏加载速度
3、封装axios以及baseUrl默认地址,进一步封装post和get请求就行抽离,对应的api文档写好所需的axios接口请求
4、封装了瀑布流hooks,接口给不同的resCode,请求数据,重复使用,对新人优先展示新人价,新人高优惠价划线价,封装倒计时hooks,展示活动截至日期
5、封装useSize,能够动态获取dom的宽高,手写tab组件,动态绑定swiper,达到切tab实现居中效果
6、沉浸式导航用scroll判断用户滚动的距离,让它展示隐藏
7、封装customImage组件,商品头图展示会有默认背景透明度覆盖
8、封装Mask组件,达到弹窗覆盖效果
9、封装useVisibility,实现购物车动态刷新,解决二级页面加购,无法刷新
10、封装headers,isIOS适配各种机型,判断是否是ios,解决兼容性问题
11、封装Tracking 指定api对埋点,曝光,停留时长就行统计,反馈给产品