购物车基本的啥就不说了,不理解的可以参考某宝或者某东。
分析一波:
// 购物车的分析:
// 商品列表:这个得有,我得选商品啊,又增加了个页面…
// 点击对应商品的按钮
// 点击的时候,需要将点击的商品的信息的标志,存到某个区域(本地存储)
// 商品的唯一信息:Id
// 点击按钮的时候,获取到Id
// 存:直接存肯定是不行的,得想个办法,那不如设计个数据,比如这样:[{id:"",num:3,msg:{…}},{},…]
// 购物车:
// 查看刚才点击的对应的商品
// 打开页面的一瞬间,读取本地存储的信息,然后重新渲染页面
那就开整呗:
购物车和商品列表的基本布局和样式就不贴了,主要实现下功能(基本功能)
直接上代码吧!
先贴一下商品列表:
接着就是购物车的功能(也是些基本功能)
以上就是基本的一些功能,后续会再加像全选,单选,清空购物车,添加总数量,合计价格,ok,就这样!
先吃饭,人是铁饭是钢啊!
周末没事干,不如写个原生js本地购物车(阉割版)
最新推荐文章于 2024-07-08 18:01:35 发布