Zeptojs是一個類似於jQuery的庫文件,是適用於移動端開發,裏面的方法和屬性大部分和jQuery相同。
安裝:有兩種方法,1 通過 npm i zeptojs 進行安裝;2 通過下載zeptojs包,然後自己進行編譯,然後將編譯後的zepto.js文件拷貝到項目中。
1:不推薦使用,因爲下載的包只包含五個模板,遠不夠項目開發使用。
2:
1)在GitHub中搜索zepto,或者直接打開鏈接(https://github.com/madrobby/zepto),就可以進行下載。
2) 下載過的文件時未編譯的,可以參考鏈接(http://jingyan.baidu.com/article/1709ad809b168c4635c4f04f.html)進行安裝。最終會得到編譯好的 zepto.js 文件。
3) 將zepto.js 拷貝到項目中的libs目錄下。
4) 在最頂層的 js 文件中引入,這樣其他的 js 文件都可以使用zeptojs格式進行編寫了。var zepto = require('./libs/zepto.js');
5) 這樣就可以將之前的app.js 文件進行修改:
window.onload = function(){
var $body = $('body');
$body.prepend(str);
var $position =$('.m-index section');
$position.html(position);
positionJS.doScroll();//添加iscrolljs區域滾動
}
注:zeptojs的相關語法和內容可以到[(http://zeptojs.com/)]這裏進行了解。zeptojs中相對於jQuery有一些是新加的內容,有些是修改的內容。包括:Detect、Touch、$AJAX等。可查看其他網頁進行了解。