一、项目背景:产品给用户提供了一个日常生活分享、好物种草、发布需求的app平台,支持图片、文本等多种格式。
二、使用技术:react + react router + redux + axios + vant
三、功能模块:首页、关注、搜索、作品发布、作品详情、个人中心。
四、责任描述:本人在此项目中主要负责首页作品展示、搜索模块、作品详情。
1. 使用react及vant组件库完成页面布局。
2. 使用瀑布流布局进行首页作品展示,计算作品卡片高度,依次插入高度较低的一列,使用for循环 + promise语法糖形式(await、async)在作品卡片加载完成时计算其高度。
3. 使用axios请求热搜榜单数据,使用react router,根据用户点击关键词 / 输入关键词跳转作品列表页。
4. 使用swiper组件库展示作品详情页中的图片,根据用户id以及用户输入信息向后端提交请求,完成用户评论功能。