手机端开发系列之八--移动类库

Contents

1. 1. 移动的类库
2. 2. swiper.js
3. 3. swipe.js
4. 4. fastclick.js
5. 5. isSroll.js

移动的类库

code block:

swiper.js

1.下载swiper.js，
2.其中文网站非常详细介绍了其使用方法

swipe.js

1.下载swipe.js
2.html结构要求有三层结构，

注意结构的要求还有对应的CSS样式

fastclick.js

在移动设备上为了提升click的响应速度，我们选择了使用Zepto事件封装的tap来进行模拟，但是这会带来一个副作用，这个副作用就是“点透”，(自行查阅)
从上可以看出Zepto.js有不完善的地方，并且我们有时也希望我们的移动版页面在PC端上也可用，但是PC端是不支持touch事件的，这时我们面临的问题是即提升click在移动设备上的响应速度，又不能使用Zepto.js的tap事件，这时fastclick可以解决这个问题。

1. 下载fastclick
2. 引入lib目录下的fastclick.js
3. 设用方法即可，

$('.demo').on('click', function () {
        alert('不会得到快速响应');
    });
    // 引入引插件可以解决click延时问题
    // 代表的含义是body元素以内所有被添加了
    // click事件元素，都会得到快速响应
    // FastClick.attach(document.body);
    // 代表的含义是只有在.box元素以内的click事件
    // 会得到一个快速响应
    FastClick.attach(document.querySelector('.box'));

isSroll.js

一个可以实现客户端原生滚动效果的类库。

1.下载iScroll
2.build目录下提供了不同版本的iScroll，可根据情况选择使用
3.html要求有3层结构

注意：下载下来会有文档，直接查看文档就可以了