发布于 2015-08-12 16:07:40 | 3088 次阅读 | 评论: 1 | 来源: 网络整理
Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jquery有着类似的api。 如果你会用jquery,那么你也会用zepto。
Zepto.js 是支持移动WebKit浏览器的JavaScript框架,具有与jQuery兼容的语法。2-5k的库,通过不错的API处理绝大多数的基本工作。
设计的目的是提供jquery的类似的APIs,但并不是100%覆盖jquery为目的。zepto设计的目的是有一个5-10k的通用库、下载并执行快、有一个熟悉通用的API,所以你能把你主要的精力放到应用开发上。
Zepto 是一款开源软件,它可以被开发者和商业发布。 MIT license.
本API原文地址:http://zeptojs.com/
本文翻译问题请联系:yaotaiyang
默认的构建包括以下模块:
Core, Ajax, Event, Form, Effects, Polyfill, and Detect.
还有更多的模块; 所以可用模块链接在此 README.
用一个script标签引入Zepto到你的页面的底部:
...
</body>
<script src=zepto.min.js></script>
</html>
如果你需要兼容ie浏览器,你可以用回jquery。 需要注意ie10以后不再支持条件注释(为了提高与HTML5 的可互操作性和兼容性,Internet Explorer 10 标准模式和Quirks 模式中删除了对条件注释的支持),因此,我们建议以下的document.write
方法:
<script>
document.write('<script src=' +
('__proto__' in {} ? 'zepto' : 'jquery') +
'.js><\/script>')
</script>
需要注意的是Zepto的一些可选功能是专门针对移动端浏览器的;因为它的最初目标在移动端提供一个精简的类似jquery的js库。
在浏览器上(Safari和Chrome)上开发页面应用或者使用PhoneGap构建基于html的web-view本地应用,使用Zepto是一个不错的选择。
总之,除了ie浏览器外,Zepto希望在所有的现代浏览器中作为一种基础环境来使用。
zepto.js
和zepto.min.js
提供以上使用方式。 然而,为了更好的程序效果和自由性,可以在使用Zepto源码构建Zepto.js和zepto.min.js的时候选择模块并作测试, 使用UglifyJS根据你的需要来生成当服务端开启gzipped后,最精简的代码。
关于如何建立Zepto的the README,包含运行测试和补丁。.
可以通过添加方法作为$.fn
的属性来写插件:
;(function($){
$.extend($.fn, {
foo: function(){
// `this` refers to the current Zepto collection.
// When possible, return the Zepto collection to allow chaining.
return this.html('bar')
}
})
})(Zepto)
为了更好开始开发插件,先看下source of Zepto's core module,并确认读过coding style guidelines