4.1Zepto之基本使用

Zepto之基本使用

1.zepto概念

1. Zepto 是一个轻量级的针对现代高级浏览器的 JavaScript库，它与jQuery有着类似的api。
2. Zepto其实就是专门用于移动端的轻量级的jQuery。

2.Zepto和jQuery

1. jQuery更多是在PC端被应用，Zepto更多是在移动端被应用，
2. 正是因为jQuery用在PC端, 所以jQuery考虑了很多低级浏览器的的兼容性问题, ,所以代码更多体积更大；
3. 因为Zepto用在移动端, 所以Zepto则是直接抛弃了低级浏览器的适配问题 , 所以代码更少体积更小；

3.官方网址

点此：英文版说明
点此：中文版说明

4.Zepto的特点

Zepto采用了模块化的开发, 将不同的功能放到了不同的模块中,在使用的过程中我们可以按需导入, 也就是需要什么功能就导入什么模块。

5.Zepto注意点

1. 如果是从官方网站下载的, 那么已经包含了默认的一些模块
2. 如果是从github下载的, 那么需要我们自己手动导入每一个模块
3. 可通过NodeJS自己定制。

6.Zepto选择器

Zepto是模块化开发的, zepto.js核心模块中只包含了基础功能，如果想使用高级的选择器必须引入高级选择器模块。
1.zepto动画
Zepto是模块化开发的, zepto.js核心模块中只包含了基础功能
如果想使用动画必须引入动画模块

7.zepto动画注意点

由于zepto是一个轻量级的针对现代高级浏览器的 JavaScript库，不需要兼容低级浏览器, 所以zepto中的动画是通过CSS3属性来实现动画的，而jQuery中是通过DOM来实现动画的。

8.tap事件

tap事件是Zepto自己封装的一个事件, 解决了原生click事件100~300毫秒的延迟问题

1. 无论PC端还是移动端都支持click事件，而且不仅仅是jQuery和Zepto支持, 原生的JS也支持。
2. 在企业开发中如果需要在移动端监听点击事件, 一般不会使用click来监听，因为移动端的事件很多(单击/双击/轻扫/捏合/拖拽等等)，所以如果通过click来监听,系统需要花费100~300毫秒判断到底是什么事件，而移动端对事件的响应速度要求很高, 事件响应越快用户体验就越好，所以如果需要在移动端监听点击事件, 那么请使用tap事件。