您的当前位置:首页zepto学习笔记(一)

zepto学习笔记(一)

来源:小侦探旅游网


Zepto.js

Zepto是一个针对现代浏览器的轻量级的javascript库,该库支持jQuery语法。如果你使用过jQuery,你也就能知道怎么应用zepto。 为什么使用zepto?

1、它是简洁的,大小是jQuery的三分之一,zepto加载更快。 2、Zepto只支持现代浏览器,zepto不支持老的浏览器譬如IE9、IE8、IE7。

3、Zepto对于本地应用程序是极好的,zepto与phoneGap相结合使用。 4、学好javascript,学习zepto清晰简明的源代码,提高你的代码书写能力。

jQuery百分百的覆盖率不是设计的目标,APIS与jQuery的API相匹配。我们的目标是有一个5~10K的快速下载和执行的现代库,它拥有熟悉和通用的API,从而你能够集中精力解决问题。 Zepto是开源的。 浏览器支持情况: 首选(100%支持)

o Safari 6+ (Mac)

o Chrome 30+ (Windows, Mac, Android, iOS, Linux, Chrome OS) o Firefox 24+ (Windows, Mac, Android, Linux, Firefox OS) o iOS 5+ Safari o Android 2.3+ Browser

1

o Internet Explorer 10+ (Windows, Windows Phone)

部分支持的浏览器

o iOS 3+ Safari o Chrome <30 o Firefox 4+ o Safari <6

o Android Browser 2.2 o Opera 10+

o webOS 1.4.5+ Browser

o BlackBerry Tablet OS 1.0.7+ Browser o Amazon Silk 1.0+

o Other WebKit-based browsers/runtimes

请注意zepto的部分特性是针对移动浏览器设置的,该项目的目标是提供一个移动网络的jQuery替代版。

Zepto是浏览器扩展的一个不错的选择(针对safari,Chrome和Firefox)和在本地应用程序框架(如PhoneGap)中开发基于HTML的视图。

总之,zepto期望用于每个现代浏览器和浏览器环境。Zepto不支持IE10版本以下的浏览器。 Zepto模块

2

模块 zepto event ajax form ie detect fx fx_methods assets data deferred callbacks selector 默认 √ √ √ √ √ 描述 核心模块:包含大多数方法 通过事件处理on()&off() XMLHttpRequest和JSONP功能 连载和提交表单 提供桌面和windows Phone 8中ie10以上浏览器的支持 提供$.os和$.browser信息 animate()方法 动画show,hide,toggle和fade*()方法。 试验性支持从DOM中移除图片元素后清理ios内存。 一个成熟的data()方法,可以存储任意对象到内存。 提供$.Deferred,依赖于callbacks模块,当引用时,$.ajax()提供一个接口连接callbacks 提供$.callbacks用于”deferred”模块 对Jquery css 扩展的试验性支持譬如:$(‘div:first’) and El.is(‘:visible’) 触摸设备上的轻敲和猛击事件。它跟(ios,Android)touch 的‘touch’和(windows phone)的‘pointer’事件协同工作 gesture 触摸设备上的手势事件 3

Stack(栈) ios3 提供方法链:andSelf 和end() String.prototype.trim and Array.prototype.reduce(如果它们缺失)兼容ios 3.x 生成插件:通过添加方法属性$.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)

4

因篇幅问题不能全部显示,请点此查看更多更全内容