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/82659994css

 

Zepto是一個輕量級的JavaScript庫,它的文件大小隻有10K左右,兼容現代高級瀏覽器,主要用於移動端的開發,它有着與jQuery相似的API。就像zepto官網說的若是你會使用jQuery,那你也會用zepto。html

 

Zepto有着獨特的手指的觸摸事件(tap、swipe。。。),且再也不支持IE瀏覽器。node

下載方式:npm install zeptojquery

下載到本地:https://zeptojs.com/zepto.jsweb

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

 

瀏覽器支持

初級 (100% 支持)bootstrap

  • 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)

次要目標(徹底或大部分支持)api

  • 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作適配框架

相關文章
相關標籤/搜索