localStorage的操作:
只能前端操作
1.存储 localStorage.setItem()
语法: localStorage.setItem(key,value)
注意: 只能存储字符串
如果你存储的事一个复杂数据类型,会自动给你执行一下 toString()
当你向存储复杂数据类型的时候,最好转换成 json 格式在存储
存储的内同是永久保存的,不能设置过期时间
=> 除非手动删除
2.获取 localStorage.getItem()
语法 :localStorage.getItem(你要获取的key)
你存储的是什么你拿出来就是什么
=> 存储复杂数据类型的时候,转换成json 格式存储了
=> 你获取出来的就是 json格式的字符串
注意:如果获取一个没有数据,那么拿到的就是 null
- 删除 localStorage.removeItem()
+ 语法: localStorage.removeItem(你要删除的 key)
+ 直接删除了
4. 清除 localStorage.clear()
+ 语法: localStorage.clear()
+ 把 localStorage 里面的数据全部清除
为什么要本地模拟?
+ 真实开发环境不需要
=> 真实环境, 是存储在数据库里面
=> 你不需要存储在 localStorage 里面
=> 每次添加购物车, 都是发送请求给后端, 告诉它这一条数据加入购物车
=> 根据用户来存储
-> A 用户的购物车
-> B 用户的购物车
+ 因为下周我们要写项目
=> 我们为了不写那么多后端代码
=> 所以我们可以本地模拟一个购物车
=> 因为我们主要是前端开发
+ 业务逻辑
=> 你点击每一个商品加入购物车的时候
=> 发送一个 ajax 请求到后端, 告诉他是哪一个用户, 买了哪一个商品
=> 你们自己把 php 的业务逻辑也写了, 存储在数据库里面
=> 来到购物车页面的时候
=> 再次发送请求到后端, 告诉他我要哪一个用户的购物车数据
=> 后端 php 自己写一下, 把数据拿出来给到前端
=> 前端渲染
=> 你的商品购买数据一旦改变, 又要发送请求到后端, 告诉他这个用户买的某一个商品多了还是少了
*/