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等。可查看其他网页进行了解。

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