用 localstorage 更稳妥。因其可持久化保存购物车数据,关闭页面后仍存在;而 sessionstorage 关闭标签页即清空,不适用于真实购物流程。

购物车数据用 localStorage 还是 sessionStorage?
用 localStorage 更稳妥。用户加完商品关掉页面再回来,购物车得还在;sessionStorage 一关 tab 就清空,不适合真实购物流程。
但要注意:直接存对象会出错——localStorage.setItem('cart', {id: 1, qty: 2}) 会报 TypeError: Converting circular structure to JSON(如果对象里有函数或循环引用),更常见的是静默失败(存进去是 [object Object])。
使用 PptxGenJS 和 Python 解析,将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint(.pptx)演示文稿。
- 必须用
JSON.stringify()存,JSON.parse()取 - 存之前先判空:
if (!cartItems) cartItems = [],避免parse(null)报错 - 每次修改后立刻写回:
localStorage.setItem('cart', JSON.stringify(cartItems)),别攒着批量写
点击“加入购物车”按钮没反应?检查事件绑定时机
常见原因是 DOM 还没加载完就执行了 JS 绑定,比如把 document.querySelector('.add-btn').addEventListener(...) 写在 <script></script> 标签顶部,而按钮在下方 HTML 里。
解决方法不是加 setTimeout,而是:
- 把
<script></script>放在
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!










