Js移动端轮播图

移动端轮播图与PC端基本一致
自动播放图片
但可以1、可以自动播放图片
2、开启定时器
3、移动端移动，可以用translate移动
无缝滚动
4、自动无缝播放
5、等到过渡完成之后再去判断
6、添加检测过渡完成事件 transtionend
7、判断条件：如果索引号等于3，走到最后这一张，此时索引号就要复原为0
8、去掉过渡，重新计算index=0重新开始
9、如果索引号小于0，说明反方向走，让索引号等于2，也就是最后一张的位置，再去计算
小圆圈的移动 classList属性
该属性用于元素中添加，删除切换css类
1、添加类：
在后面追加，不会覆盖以前的类，类名前面不需要添加符号. element.classListadd(‘类名’);
2、移除类：element.classList.remove(‘类名’);
3、切换类：element.classList.toggle(‘类名’);
10、把ol里面带有current的类名选出来去掉类名remove
11、让当前索引号的li加上current add
12、但是，要等到过渡结束之后变化，所以要写到transitionend事件里面
手指滑动
13、手指滑动轮播图，本质就是ul随着手指移动，拖动元素简单的就是移动
14、触摸元素touchstart 获得手指初始坐标
15、移动手指 touchmove 计算手指滑动的距离 并且移动盒子
16、手指离开touchend 根据滑动距离不同的情况
17、如果距离小于某个像素，就回弹，大于某个像素，就播放下一张



移动端常用的开发插件
Swiper插件的使用
Superslide插件
isroll插件