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.js
https://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
$(<Zepto collection>)   ⇒ same collection
$(<DOM nodes>)   ⇒ 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做適配