项目描述:莹莹商城开创消费4.0的全新整合营销模式,集“新销售、新电商、新直销、新微商、新物流”五位一体的自产自销、自主品牌的平台。
项目职责:
1.网站重构,将原有的基于jQuery的网站用Vue重新构建,使用Less预处理语言,来提升重构效率。
2. 使用精灵图(雪碧图),依据不同的背景坐标去渲染页面,提升重构效率。
3. 将网站中使用率高的页面或是模块抽离出来,写成组件,通过传递不同的props去渲染页面。
4. 使用策略模式(把一系列的算法进行封装,使算法代码和逻辑代码可以相互独立,并且不影响算法的使用)进行改进,比如说注册校验当中,将验证规则抽离出,形成一个独立的API接口,暴露接口,增加addRules,向下兼容,判断传递参数是否使用function。
5. 在切换TAB的时候、或是加载更多的时候,借助Element UI添加一个loading效果,弱化用户等待的焦虑。
6. 利用浏览器自身的图片缓存机制,使用三层叠加法,将占位图,小商品图,大商品图借助z-index特性重叠在一个位置,当用户从商品列表页进入到详情页时,占位图和小商品图都是直接使用浏览器缓存瞬间呈现,提高用户体验。
7. 借助Bootstrap实现网站的相应式布局(媒体查询),适应不同设备满足不同群体的需求。