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里面增加和刪除模塊呢?

1、首先要安裝node.js環境;

2、去zeptojs.com網站下載安裝zepto.js,然后解壓縮

3、打開cmd命令窗口進入解壓縮后的zepto目錄(解壓后的這個解壓文件夾里面) 。

4、執行npm install 命令

5、然后編輯make文件,添加需要的自定義模塊並保存

6、然后執行命令 npm run-script dist

7、此時會生成一個dist文件,查看目錄dist即構建好的zepto.js

 這時候直接引入你的zepto文件就可以用啦。

在這里我只說了一下zepto的下載和使用,具體模塊下的方法請到官方的說明文檔查看。

純手打,如有錯誤請大家提出指正。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM