zepto的使用方法

有些不了解zepto的同窗在刚接触的时候确定有不少疑惑，这个东西怎么用啊，去哪里下载啊，何时该用何时不应用啊，其实我之前也是这样的。jquery使用多了那么就让咱们一块儿来了解下zepto把。

 

在移动端用不着pc端兼容难么多的浏览器，因此就有了zepto.js，若是此时用jquery的话就有些重了，如今pc端可使用jquery，可是反过来的话pc端若是用zepto,js的话就不怎么兼容ie浏览器了。 

这个库几乎和jquery 同样。使用上没什么区别，用法同样，能够理解为zepto.js仿照的jquery.

绑定事件和jquery如出一辙，用下面这个改变背景色的小例子来讲明一下↓

此时的用法和jquery，只须要引入zepto文件便可。

可是zepto也不彻底和jquery同样，在zepto里面有些功能是默认没有的，好比说animate方法,此时若是想用的话须要在zepto里面增长一个fx模块。由于zepto是基于模块来管理的（将某些特定的功能独立出来造成一个单独的js文件，称为模块）。

之因此采用模块的方式是由于为了提升性能，须要哪一个模块的功能就添加哪一个模块。

zepto默认是有五个模块的，分别为zepto、event、ajax、form、ie，这五个模块被称为核心模块。

下面这张图是zepto里面的全部模块。

 

那么如何在zepto里面增长和删除模块呢？

一、首先要安装node.js环境；

二、去zeptojs.com网站下载安装zepto.js,而后解压缩

三、打开cmd命令窗口进入解压缩后的zepto目录（解压后的这个解压文件夹里面） 。

四、执行npm install 命令

五、而后编辑make文件，添加须要的自定义模块并保存

六、而后执行命令 npm run-script dist

七、此时会生成一个dist文件，查看目录dist即构建好的zepto.js

 这时候直接引入你的zepto文件就能够用啦。

在这里我只说了一下zepto的下载和使用，具体模块下的方法请到官方的说明文档查看。

纯手打，若有错误请你们提出指正。