1. 商品列表模块,主要实现了商品展示,用户可以根据分类,选择自己所需要的商品,可点击进入到商品详情模块,查看商品的详细信息,亦可点击加入购物车按钮,将商品添加到购物车进行结算。
2. 商品详情模块,主要实现了商品的详情介绍以及查看产品的评论包括亚马逊评论。
3. blog模块,主要实现了博客文章的列表展示,用户可查看相应的博客文章。
4. 客服模块,主要实现了用户与客服的沟通渠道,用户可跟客服交流,咨询相关的问题。
5. 购物车模块,主要是查看购物车信息,用户可在该模块进行购物车结算。
6. 本人主要负责了该项目的前端页面改造以及功能完善以及性能优化,主要使用的技术栈是liquid、html、css为基础,原生JavaScript以及jQuery实现js功能,template.js作为模板引擎。目前该项目已投入运营使用。
7. 该项目主要的难点在于性能优化,原本最开始页面是一次性加载所有资源并进行渲染的,以及使用了过多的插件导致页面渲染很慢,后来通过实现懒加载以及优化代码结构、执行顺序,使页面加载得到了显著的提升。Lighthouse评分也从原先的10分左右突破到60分左右。
点击空白处退出提示














评论