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的下載和使用，具體模塊下的方法請到官方的說明文檔查看。

純手打，若有錯誤請你們提出指正。