Zepto.js简介

Zepto.js简介

Zepto.js简介

一、总结

一句话总结:

Zepto.js语法和jquery起码百分之90相似,主要做移动端框架,和jquery mobile是一个类型的概念

1、Zepto.js做移动端的特点?

Zepto有着独特的手指的触摸事件(tap、swipe。。。),且不再支持IE浏览器

2、移动端常用框架?

1.jQuery Mobile

2.zepto.js

3.bootstrap做适配

二、什么是Zepto.js

转自或参考:什么是Zepto.jshttps://blog.csdn.net/qq_38021852/article/details/82659994

Zepto是一个轻量级的JavaScript库,它的文件大小只有10K左右,兼容现代高级浏览器,主要用于移动端的开发,它有着与jQuery类似的API。就像zepto官网说的如果你会使用jQuery,那你也会用zepto。

Zepto有着独特的手指的触摸事件(tap、swipe。。。),且不再支持IE浏览器。

下载方式:npm install zepto

下载到本地:https://zeptojs.com/zepto.js

中文文档地址:http://www.css88.com/doc/zeptojs_api/

浏览器支持

初级 (100% 支持)

Safari 6+ (Mac)

Chrome 30+ (Windows, Mac, Android, iOS, Linux, Chrome OS)

Firefox 24+ (Windows, Mac, Android, Linux, Firefox OS)

iOS 5+ Safari

Android 2.3+ Browser

Internet Explorer 10+ (Windows, Windows Phone)

次要目标(完全或大部分支持)

iOS 3+ Safari

Chrome <30

Firefox 4+

Safari <6

Android Browser 2.2

Opera 10+

webOS 1.4.5+ Browser

BlackBerry Tablet OS 1.0.7+ Browser

Amazon Silk 1.0+

Other WebKit-based browsers/runtimes

创建插件:

核心方法

$()

$(selector, [context]) ⇒ collection

$() ⇒ same collection

$() ⇒ collection

$(htmlString) ⇒ collection

$(htmlString, attributes) ⇒ collection v1.0+

Zepto(function($){ ... })

jQuery与Zepto的异同

一,同: Zepto最初是为移动端开发的库,是jQuery的轻量级替代品,因为它的API和jQuery相似,而文件更小。Zepto最大的优势是它的文件大小,只有8k多,是目前功能完备的库中最小的一个,尽管不大,Zepto所提供的工具足以满足开发程序的需要。大多数在jQuery中·常用的API和方法Zepto都有,Zepto中还有一些jQuery中没有的。另外,因为Zepto的API大部分都能和jQuery兼容,所以用起来极其容易,如果熟悉jQuery,就能很容易掌握Zepto。你可用同样的方式重用jQuery中的很多方法,也可以方面地把方法串在一起得到更简洁的代码,甚至不用看它的文档。二,异: 1,针对移动端程序,Zepto有一些基本的触摸事件可以用来做触摸屏交互(tap事件、swipe事件),Zepto是不支持IE浏览器的,这不是Zepto的开发者Thomas Fucks在跨浏览器问题上犯了迷糊,而是经过了认真考虑后为了降低文件尺寸而做出的决定,就像jQuery的团队在2.0版中不再支持旧版的IE(6 7 8)一样。因为Zepto使用jQuery句法,所以它在文档中建议把jQuery作为IE上的后备库。那样程序仍能在IE中,而其他浏览器则能享受到Zepto在文件大小上的优势,然而它们两个的API不是完全兼容的,所以使用这种方法时一定要小心,并要做充分的测试。

移动端常用框架

1.jQuery Mobile 2.zepto.js 3.bootstrap做适配

相关推荐

古蹟私塾 – 醒獅紥作工作坊(2017年10月)
汽车之家

汽车之家

📅 07-13 👁️ 2391
南京列车时刻表查询

南京列车时刻表查询

📅 08-02 👁️ 9253