衣密是一个为您推荐穿搭的智能衣橱 app,其中主要包括穿搭、衣品、品牌宇宙、我的等分页介绍。
技术点:
1、长页面以楼层形式展示,方便用户浏览,带给用户很好的体验;
2、用 CSS3 实现动画效果,让页面更加鲜活,同时也能提高用户体验;
3、前端优化:sprite 图,图片懒加载,将重复使用的 CSS 样式剥离出来做成公用样式,对常用的轮播、
Tab 切换等进行封装,用 CSS3 代替 JavaScript 来完成动画,压缩 CSS、JavaScript 及图片。
我的职责:
使用 uniapp 开发,采用前后端分离开发模式;
运用 sass 进行代码样式的编写;
利用 rpx 布局适配不同的移动终端,完成响应式布局;
首页内容的开发,产品详情页和侧边栏的展示及互动效果;
首页商品以瀑布流效果展示;
使用 swiper 完成首页轮播图功能;
对首页图片进行懒加载,减轻服务器压力;
杠精页面展示及逻辑梳理;
将搜索框进行组件化,多页面引用;