Zepto.js簡介

一、總結(jié)

一句話總結(jié)：

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

?

1、Zepto.js做移動端的特點(diǎn)？

Zepto有著獨(dú)特的手指的觸摸事件（tap、swipe。。。），且不再支持IE瀏覽器

?

2、移動端常用框架？

1.jQuery Mobile

2.zepto.js

3.bootstrap做適配

?

?

?

二、什么是Zepto.js

轉(zhuǎn)自或參考：什么是Zepto.js
https://blog.csdn.net/qq_38021852/article/details/82659994

Zepto是一個(gè)輕量級的JavaScript庫，它的文件大小只有10K左右，兼容現(xiàn)代高級瀏覽器，主要用于移動端的開發(fā)，它有著與jQuery類似的API。就像zepto官網(wǎng)說的如果你會使用jQuery，那你也會用zepto。

?

Zepto有著獨(dú)特的手指的觸摸事件（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)

次要目標(biāo)（完全或大部分支持）

• 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

?

創(chuàng)建插件：

?

核心方法

$()

$(selector, [context]) ? collection $(<Zepto collection>) ? same collection $(<DOM nodes>) ? collection $(htmlString) ? collection $(htmlString, attributes) ? collection v1.0+ Zepto(function($){ ... })

jQuery與Zepto的異同

一,同：

　　Zepto最初是為移動端開發(fā)的庫，是jQuery的輕量級替代品，因?yàn)樗腁PI和jQuery相似，而文件更小。Zepto最大的優(yōu)勢是它的文件大小，只有8k多，是目前功能完備的庫中最小的一個(gè)，盡管不大，Zepto所提供的工具足以滿足開發(fā)程序的需要。大多數(shù)在jQuery中·常用的API和方法Zepto都有，Zepto中還有一些jQuery中沒有的。另外，因?yàn)閆epto的API大部分都能和jQuery兼容，所以用起來極其容易，如果熟悉jQuery，就能很容易掌握Zepto。你可用同樣的方式重用jQuery中的很多方法，也可以方面地把方法串在一起得到更簡潔的代碼，甚至不用看它的文檔。

二,異：

　　1,針對移動端程序，Zepto有一些基本的觸摸事件可以用來做觸摸屏交互（tap事件、swipe事件），Zepto是不支持IE瀏覽器的，這不是Zepto的開發(fā)者Thomas Fucks在跨瀏覽器問題上犯了迷糊，而是經(jīng)過了認(rèn)真考慮后為了降低文件尺寸而做出的決定，就像jQuery的團(tuán)隊(duì)在2.0版中不再支持舊版的IE（6 7 8）一樣。因?yàn)閆epto使用jQuery句法，所以它在文檔中建議把jQuery作為IE上的后備庫。那樣程序仍能在IE中，而其他瀏覽器則能享受到Zepto在文件大小上的優(yōu)勢，然而它們兩個(gè)的API不是完全兼容的，所以使用這種方法時(shí)一定要小心，并要做充分的測試。

移動端常用框架

1.jQuery Mobile?
2.zepto.js?
3.bootstrap做適配

轉(zhuǎn)載于:https://www.cnblogs.com/Renyi-Fan/p/11590177.html

總結(jié)

以上是生活随笔為你收集整理的Zepto.js简介的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。