# INCAKE

**Repository Path**: one_24/incake

## Basic Information

- **Project Name**: INCAKE
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-01-07
- **Last Updated**: 2021-01-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 这一个一个很厉害购物商城
## 首页
### 使用 mock 数据渲染页面
模拟数据的时候 要注意 模拟的时候 字段名称最好和以后后端返回给你的字段名称一致
接口文档
### rap2模拟数据
`http://rap2.taobao.org/`   
接口地址:`http://rap2api.taobao.org/app/mock/275016/index/prodShow`
### 集中管理所有请求
开发过程当中 可能访问的是 `http://123.32.12.1/v2/api/index/prodShow`
项目上线以后 可能访问的事 `http://incake/v2/api/index/prodShow`
### 加入购物车
详情页 点击加入购物车 =>  在 localstorage 里面存储一条数据 (判断 localstorage 里面有没有这条数据)
- localstorage 里面没有数据    JSON.stringify(数据)
    + 直接加一条 (数组 => 对象)
- localstorage 里面有数据
    + 里面有购物车的数据 是一个数组 这个数组里面没有这一种商品
        往这个数组 push 一个对象
    + 里面有购物车的数据 是一个数组 这个数组里面有这一种商品
        找到相对应的这一条数据 然后让他的数量 +1
购物车
- 拿到 localstorage 里面的数据 渲染页面   JSON.parse(数据)


注意事项:
1、绝对不能以 file 协议打开
2、把 node_modules 删了重新装
3、定义的时候千万不能把模板定义在最后你要加入内容的 那个元素中 `元素`.html()

jquery 扩展插件
`$.extend()`  =>  `$.方法()`
`$.fn.extend()`   =>   `$('元素').方法()`