发布于 2015-08-12 16:07:40 | 3072 次阅读 | 评论: 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

下载 Zepto

默认的构建包括以下模块:
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>

目标平台

桌面浏览器

  • Safari 5+ (Mac, Win)
  • Chrome 5+ (Win, Mac, Linux, Chrome OS)
  • Mozilla Firefox 4+ (Win, Mac, Linux)
  • Opera 10+ (Win, Mac, Linux)

移动端浏览器

  • iOS 4+ Safari
  • Chrome for Android
  • Chrome for iOS
  • Android 2.2+ Browser
  • webOS 1.4.5+ Browser
  • BlackBerry Tablet OS 1.0.7+ Browser
  • Amazon Silk 1.0+
  • Firefox for Android
  • Firefox OS Browser
  • Practically any WebKit-based browsers/runtimes

需要注意的是Zepto的一些可选功能是专门针对移动端浏览器的;因为它的最初目标在移动端提供一个精简的类似jquery的js库。

在浏览器上(Safari和Chrome)上开发页面应用或者使用PhoneGap构建基于html的web-view本地应用,使用Zepto是一个不错的选择。

总之,除了ie浏览器外,Zepto希望在所有的现代浏览器中作为一种基础环境来使用。

手动建立Zepto

zepto.jszepto.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

最新网友评论  共有(1)条评论 发布评论 返回顶部
PHPERZ网友 发布于2015-08-14 09:04:27
这貌似和jquery没啥区别嘛。
支持(0)  反对(0)  回复

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务