# forMyRose

**Repository Path**: one_24/forMyRose

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-07-03
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# FOR MY ROSE 电商项目


## 首页列表渲染流程
    - 1、模拟本地 `json` 数据   => json 数据里面使用 ""
    - 2、使用 `jQuery` 发送请求 获取数据   =>  $.get()
    - 3、使用 `art-template` 语法准备模板
        + 要写所有的  js 代码都放到 `{{}}` 里面去 
        + 遍历传过来的数据  `each`
        +  {{each data item,index}} 重复渲染的数据 {{/each}}
    - 4、在 `config.js` 里面配置 art-template 的路径
    - 5、在 `index.js` 里面添加 模块依赖项  =>  需要一个参数接收  这一个参数是一个方法可以直接使用
        + 这个方法(现阶段)接收 2 个参数  第一个是 模板 的 id 
        + 第二个参数是 你要给 模板里面传入的数据
        + 返回值  就是渲染好的模板字符串
    - 6、把渲染好的模板字符串扔到页面里面去


## 点击导航栏 跳转到其他页面
    (a 标签)
    - 女装   id = 2
    - 男装   id = 5
    - 美妆护肤 id = 3
    点击每一个 导航都能够 跳转到  category 页面 
    可以吧 id 拼接到地址栏后面  ?key=value
    跳转到这个页面以后  需要通过一些东西(id) 请求不同的列表数据
    拿到 地址栏里面 的 id 信息发送不同的请求 获取数据  渲染页面(页面都只有一个 category.html )


## 详情、购物车


### elevateZoom使用步骤
 + 配置 `config` 路径
 + 配置垫片 (依赖项)
 ```javascript
    shim: {
        'zoom': {
            deps: ['jquery']
        }
    }
 ```
 + 在需要使用 放大镜的模块 引入 `zoom`
 ```javascript
    $(".zoom-image").elevateZoom({
                        gallery:'gal1'
                    })
    //gallery 是所有小图的 父元素的  id 
 ```