有些不了解zepto的同學在剛接觸的時候肯定有很多疑惑,這個東西怎么用啊,去哪里下載啊,什么時候該用什么時候不該用啊,其實我以前也是這樣的。jquery使用多了那么就讓我們一起來了解下zepto把。
在移動端用不着pc端兼容難么多的瀏覽器,所以就有了zepto.js,如果此時用jquery的話就有些重了,現在pc端可以使用jquery,但是反過來的話pc端如果用zepto,js的話就不怎么兼容ie瀏覽器了。
綁定事件和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的下載和使用,具體模塊下的方法請到官方的說明文檔查看。
純手打,如有錯誤請大家提出指正。