# jdM

**Repository Path**: MagicWingMI/jdM

## Basic Information

- **Project Name**: jdM
- **Description**: 基于百分比布局的运用了触摸事件Touch，移动端京东首页，这是一个学习式项目！
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-06-23
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 京东移动端首页

#### 一：项目描述

​	1、京东移动端首页是基于百分比布局的来适应移动端不同设备的学习式项目

​	2、运用到了经典布局“双飞翼布局”，“两栏自适应”等布局，

​	3、还运用到了手机点击事件，轮播图的手势滑动，iscroll滑动插件等

#### 二：项目结构

​	

```
│  category.html
│  index.html
│
├─.idea
│      jdM.iml
│      modules.xml
│      workspace.xml
│
├─css
│      base.css
│      category.css
│      index.css
│
├─demo
│      01-流式布局.html
│      02-viewport.html
│      03-适配方案.html
│      04-非主流适配方案.html
│      05-不建议在移动端使用jquery.html
│      06-box-sizing.html
│      07-点击高亮.html
│      08-图片下间隙.html
│      09-触摸事件touch.html
│      10-手势事件.html
│      11-tap事件.html
│      12-两栏自适应.html
│
├─images
│      banner_1.jpg
│      banner_1.png
│      buy-logo.png
│      buy-pro1.jpg
│      cp1.jpg
│      cp2.jpg
│      cp3.jpg
│      cp4.jpg
│      cp5.jpg
│      cp6.jpg
│      delete_down.png
│      delete_up.png
│      detail01.jpg
│      detail02.jpg
│      focus-icon.png
│      header-bg.png
│      icon-updown-arrow.png
│      l1.jpg
│      l2.jpg
│      l3.jpg
│      l4.jpg
│      l5.jpg
│      l6.jpg
│      l7.jpg
│      l8.jpg
│      nav0.png
│      nav1.png
│      nav2.png
│      nav3.png
│      nav4.png
│      nav5.png
│      nav6.png
│      nav7.png
│      none.png
│      nv-fy.jpg
│      safe_icon.png
│      scroll-to-top-icon.png
│      seckill-icon.png
│      seckill_1.jpg
│      shop-icon.png
│      sprites.png
│      sprits_btm_new.png
│
└─js
        category.js
        common.js
        fastclick.min.js
        index.js
        iscroll.js
```

####三：项目演示
![首页描述](https://github.com/AprildreamMI/Progect-Images/blob/master/jdM/%E4%BA%AC%E4%B8%9C%E9%A1%B9%E7%9B%AE%E6%8F%8F%E8%BF%B0.gif)
![分类页描述](https://github.com/AprildreamMI/Progect-Images/blob/master/jdM/%E4%BA%AC%E4%B8%9C%E9%A1%B9%E7%9B%AE%E6%8F%8F%E8%BF%B0-%E5%88%86%E7%B1%BB%E9%A1%B5.gif)
​