# 完善小米商城

**Repository Path**: github-20535115/myMI

## Basic Information

- **Project Name**: 完善小米商城
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2018-01-25
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 完善小米商城
# index.html页面截图

![输入图片说明](https://gitee.com/uploads/images/2018/0129/120823_90f8b613_1536541.png "图片1.png")
![输入图片说明](https://gitee.com/uploads/images/2018/0129/120843_a8935bad_1536541.png "图片2.png")
![输入图片说明](https://gitee.com/uploads/images/2018/0129/120856_390dd5e8_1536541.png "图片3.png")
![输入图片说明](https://gitee.com/uploads/images/2018/0129/120907_c72ab59f_1536541.png "图片4.png")
![输入图片说明](https://gitee.com/uploads/images/2018/0129/120918_b41bd1ca_1536541.png "图片5.png")
![输入图片说明](https://gitee.com/uploads/images/2018/0129/120929_ccf11dfb_1536541.png "图片6.png")
![输入图片说明](https://gitee.com/uploads/images/2018/0129/120941_48ea743f_1536541.png "图片7.png")
![输入图片说明](https://gitee.com/uploads/images/2018/0129/120950_b7334639_1536541.png "图片8.png")
![输入图片说明](https://gitee.com/uploads/images/2018/0129/121001_0a6732af_1536541.png "图片9.png")
![输入图片说明](https://gitee.com/uploads/images/2018/0129/121012_4d5f02d3_1536541.png "图片10.png")
![输入图片说明](https://gitee.com/uploads/images/2018/0129/121027_a09d219c_1536541.png "图片11.png")
![输入图片说明](https://gitee.com/uploads/images/2018/0129/121037_63fe917b_1536541.png "图片12.png")
![输入图片说明](https://gitee.com/uploads/images/2018/0129/121047_bd1dce5a_1536541.png "图片13.png")

# index.js整体结构：
```
page={
    /*
        这里有一大片是获取元素节点或节点集合；
        还有会用到的全局变量声明及其初始化
    */
    init:function(){
         HTMLCollection.prototype.toArray=function(){
            return [].slice.call(this);
        };
        /*解释一下这一句是让元素节点的集合可以使用forEach()，不写的话不可以用forEach()*/
        /*init函数主要是设置一些元素的样式，（如果内容较多的建议封装成函数在这里调用）
            然后调用addEvent函数给需要的元素绑定事件*/
        this.addEvent();
    },
    addEvent:function(){
        /*这个函数封装的是页面内所有事件绑定， */
        /*第一个是定时器：图片轮播*/
    },
    slideCarousel:function(){
        /*内容部分（图9） 图书、主题、游戏、应用部分*/
        /*据click第几个圆圈，设置ul的margin-left值，以达到类似于图片切换的效果*/
    },
    pre:function(){
        /*第三部分的内容切换（四图）*/
    },
    next:function(){
        /*第三部分的内容切换（四图）*/
    },
    show:function(obj,para){
        /*所有控制内容显示的函数，switch语句，每个case语句可以看成一个函数，
            如第一个case语句控制导航聚焦时（图2的情况）显示隐藏的内容
            case 'carousel' 控制内容部分，四个板块聚焦出现左右切换按钮，然后click，
            */
    },
    hide:function(){
        /*和show()相反 此函数控制内容隐藏*/
    },
    to:function(){
        /*这个函数还没写，它是负责跳转页面*/
    }
}


```


整体的就这样子( ′◔ ‸◔`)