笔记day9

文章目录

• [1 加入购物车按钮](#1 加入购物车按钮)
• [2 addCartSuccess](#2 addCartSuccess)
• [3 购物车](#3 购物车)
• [4 修改购物车产品的数量（需要发请求，参数理解）](#4 修改购物车产品的数量（需要发请求，参数理解）)
• [5 修改产品个数【函数节流】](#5 修改产品个数【函数节流】)
• [6 删除某一个产品](#6 删除某一个产品)
• [7 修改产品的状态](#7 修改产品的状态)
• [8 全选](#8 全选)

1 加入购物车按钮

1. 路由跳转之前发请求
2. 成功路由跳转与参数传递
   浏览器存储功能，HTML5中新增的，本地存储和会话存储
   本地存储：持久化的------5M（存储上限）
   会话存储：并非持久化------会话结束数据就消失
3. 失败提示失败信息

2 addCartSuccess

1. 查看详情
2. 查看购物车

3 购物车

1. 购物车静态组件，需要修改样式结构
   调整css让各个项目对齐，删除第三项，剩下项的百分比：15 35 10 17 10 13（修改样式）
2. 向服务器发起ajax，获取购物车数据，操作vuex三连环，组件获取数据展示数据
   发现：发请求的时候，获取不到购物车里面的数据，因为服务器不知道你是谁
3. uuid临时游客身份
4. 动态展示购物车
   数据格式有点不完美

4 修改购物车产品的数量（需要发请求，参数理解）

5 修改产品个数【函数节流】

6 删除某一个产品

7 修改产品的状态

8 全选