购物车的实现
建议使用的知识点:
- 移动端沙盒的理解(独立整理成笔记)
- 生命周期不同阶段的最佳使用场景(完善第一周的笔记,可以拿生意人 APP 举例)
- Javascript 与原生代码的交互
- 文件(数据库)的数据读写
- JSON 数据格式的灵活使用
- 基本 HTML 标签的学习
购物车的需求
- 商品列表接口
- 商品信息可以手工处理存储在移动端本地
- APP 底部两个页签:商品列表、购物车
- 商品列表、购物车页面都使用 html 文件
- 商品列表是固定的,可以写入本地然后读取,也可以直接写在 javascript 文件
- 点击【商品列表】页签时,该 html 文件展示本地存储的商品信息,展示封面、标题、价格等基本信息(可参考豆瓣页面),点击【添加至购物车】后,页面传值给原生代码更新购物车数据
- 点击【购物车】页签时,显示已添加至购物车的商品列表,可以增加、减少数量,同时也传值给原生代码更新购物车数据
- 实现实现购物车的基本功能:全选、取消全选、自动计算要结算的金额、一键清空等