1)购买产品个数的操作
1.1路由跳转之前发请求
1.2成功路由跳转与参数传递
浏览器的存储功能:HTML5新增的,本地存储和会话存储
本地存储:持久化的---5M
会话存储:并非持久---会话结束就消失
1.3失败提示失败信息
2)加入购物车操作
addCartSuccess
2.1 查看详情
2.2 查看购物车
addCartSuccess
路由传参与会话结合
3)购物车列表展示
(忽略)3.1购物车静态组件,需要修改样式结果
跳转css让各个项目对齐,删除第三项 15 35 10 17 10 13
注册组件:path路径都是小写
3.2向服务器发起ajax,获取购物车数据,操作vuex三连环、组件获取数据展示数据
发现:发请求的时候,获取不到你购物车里面数据,因为服务器不知道你是谁?
3.3 UUID临时游客身份
3.4动态展示购物车
数据格式有点不完美
4)修改购物车产品的数量(需要发请求:参数理解)
5)修改产品个数【节流】
6)删除某一个产品
7)修改产品的状态
复习
面试时候:防抖|节流 存储
1.1加入购物车
UUID:点击加入购物车的时候,通过请求头给服务器带临时身份给服务器,存储某一个用户购物车数据
会话存储、去存储产品信息以及展示功能
1.2购物车功能
修改产品的数量
删除某一个产品的接口
某一个产品的勾选转态切换