gulp構建項目之引入zeptojs

 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等。可查看其他網頁進行了解。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章