19 day2018-07-31

zeptojs

Zepto是一个轻量级的针对现代高级浏览器的JavaScript库， 它与jquery有着类似的api

它的最初目标是在移动端提供一个精简的类似jquery的js库。

zepto包含很多模块，默认下载版本包含的模块有Core, Ajax, Event, Form, IE模块，如果还需要其他的模块，可以自定义构建。

touch模块封装了针对移动端常用的事件，可使用此模块进行移动端特定效果开发，这些事件有：

tap 元素tap的时候触发，此事件类似click，但是比click快。

longTap 当一个元素被按住超过750ms触发。

swipe, swipeLeft, swipeRight, swipeUp, swipeDown 当元素被划过时触发。(可选择给定的方向)

swiper

swiper.js是一款成熟稳定的应用于PC端和移动端的滑动效果插件，一般用来触屏焦点图、触屏整屏滚动等效果。 swiper分为2.x版本和3.x版本，2.x版本支持低版本浏览器(IE7)，3.x放弃支持低版本浏览器，适合应用在移动端。

swiper使用参数：

1、initialSlide：初始索引值，从0开始

2、direction：滑动方向 horizontal | vertical

3、speed：滑动速度，单位ms

4、autoplay：设置自动播放及播放时间

5、autoplayDisableOnInteraction：用户操作swipe后是否还自动播放，默认是true，不再自动播放

6、pagination：分页圆点

7、paginationClickable：分页圆点是否点击

8、prevButton：上一页箭头

9、nextButton：下一页箭头

10、loop：是否首尾衔接

11、onSlideChangeEnd：回调函数，滑动结束时执行；

swiper制作实例：

1、swiper制作移动端焦点图实例

2、swiper制作整页滚动效果