Zepto.js簡介

Zepto.js簡介

1、總結

一句話總結：

Zepto.js語法和jquery起碼百分之90類似，主要作移動端框架，和jquery mobile是一個類型的概念

 

一、Zepto.js作移動端的特色？

Zepto有着獨特的手指的觸摸事件（tap、swipe。。。），且再也不支持IE瀏覽器

 

二、移動端經常使用框架？

1.jQuery Mobile

2.zepto.js

3.bootstrap作適配

 

 

 

2、什麼是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作適配