Shopify独立站LM官网(https://lagunamoon.com)

我要开发同款
HwongKaKa2022年09月25日
546阅读

作品详情

1. 商品列表模块,主要实现了商品展示,用户可以根据分类,选择自己所需要的商品,可点击进入到商品详情模块,查看商品的详细信息,亦可点击加入购物车按钮,将商品添加到购物车进行结算。
2. 商品详情模块,主要实现了商品的详情介绍以及查看产品的评论包括亚马逊评论。
3. blog模块,主要实现了博客文章的列表展示,用户可查看相应的博客文章。
4. 客服模块,主要实现了用户与客服的沟通渠道,用户可跟客服交流,咨询相关的问题。
5. 购物车模块,主要是查看购物车信息,用户可在该模块进行购物车结算。
6. 本人主要负责了该项目的前端页面改造以及功能完善以及性能优化,主要使用的技术栈是liquid、html、css为基础,原生JavaScript以及jQuery实现js功能,template.js作为模板引擎。目前该项目已投入运营使用。
7. 该项目主要的难点在于性能优化,原本最开始页面是一次性加载所有资源并进行渲染的,以及使用了过多的插件导致页面渲染很慢,后来通过实现懒加载以及优化代码结构、执行顺序,使页面加载得到了显著的提升。Lighthouse评分也从原先的10分左右突破到60分左右。
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论