移動端手勢的七個事件庫

1:GMU:http://cloudajs.org/ui/brand/gmujavascript

GMU是基於zepto的mobile UI組件庫,提供webapp、pad端簡單易用的UI組件!css

http://gmu.baidu.comhtml

5640239-1799532dc789171f.png

2:Hammer.js:http://hammerjs.github.io/java

Hammer.js是一個開源的,輕量級的javascript庫,它能夠在不須要依賴其餘東西的狀況下識別觸摸,鼠標事件。jquery

多點觸控插件Hammer.js的demo源碼:http://www.jq22.com/jquery-info552git

如今已經更新到2.04版本,跟1.0版本有點天壤地別了,畢竟改寫了事件名並新增了許多方法,容許同時監聽多個手勢、自定義識別器,也能夠識別滑動方向。github

中文文檔:https://www.cnblogs.com/qianduanjingying/p/5812139.htmlweb

HammerJS是一個開源的庫,能夠識別由 touch, mouse 和 pointerEvents 觸發的系列手勢。它很是小巧,壓縮後僅有3.96kb,並無多餘的腳本依賴。api



5640239-ebbadacc126c8951.png

3:QuoJS:瀏覽器

QuoJS不只是一個觸摸事件管理器,仍是一個功能豐富的類庫,無需第三方JavaScript庫(例如 jQuery, Prototype, Kendo ...)來建立基於瀏覽器應用程序的複雜項目。是輕量級模塊化、面向對象的JavaScript庫,定義了多種觸摸手勢,能夠用於移動Web開發中簡化HTML文件遍歷、事件處理及Ajax交互等,讓開發者輕鬆編寫出高效的跨瀏覽器代碼。

官方文檔已經失去維護,找了一個官網備份:http://www.360doc.com/content/15/0504/18/11984479_468037372.shtml

github地址:https://github.com/soyjavi/quojs


5640239-24bb5fcb2cbb5ab0.png

4:Zepto:  英文文檔http://zeptojs.com/

Zepto.js API 中文版http://www.css88.com/doc/zeptojs_api/

5640239-02725f857a9d10f7.jpg
圖片發自簡書App


Zepto是一個輕量級的針對現代高級瀏覽器的JavaScript庫,它與jquery有着相似的api。 若是你會用jquery,那麼你也會用zepto。Zepto的設計目的是提供 jQuery 的相似的API,但並非100%覆蓋 jQuery 。Zepto設計的目的是有一個5-10k的通用庫、下載並快速執行、有一個熟悉通用的API,因此你能把你主要的精力放到應用開發上。

缺點:Zepto 下載的確很快。可是,一旦下載到瀏覽器以後,它並不像 jQuery 同樣執行速度快。而且,不少第三方插件都依賴 jQuery,不支持 Zepto -- 實際上,咱們發現某些第三方插件和 Zepto 有衝突。對於咱們來說,維護多套代碼很不容易。

5:Swipe:

中文網:http://www.swiper.com.cn/

5640239-990ec02ad2a7afcf.jpg
圖片發自簡書App


Swiper(Swiper master)是目前應用較普遍的移動端網頁觸摸內容滑動js插件。Swiper中文網提供Swiper在線演示、Swiper中文教程、Swiper中文APi、Swiper下載。

支持精確的觸摸移動操做,並且還能夠設置自動播放、等比例縮放等等實用性的功能。支持觸摸移動,支持響應式頁面。最近的一個項目中使用到了swipe.js這個插件

感受很是的好用的,五顆星好評。

GitHub:http://swipejs.com/

6:jQuery Mobile:

英文文檔:http://jquerymobile.com/

中文參考手冊:http://www.runoob.com/

5640239-1413df63a872cb3a.jpg
圖片發自簡書App


jQueryMobile是建立移動 web 應用程序的框架。jQueryMobile適用於全部流行的智能手機和平板電腦,jQuery Mobile是jQuery框架的一個組件(而非jquery的移動版本)。jQuery Mobile是一款基於HTML5的用戶界面系統,旨在使全部智能手機,平板電腦和桌面設備上均可以訪問的響應網站和應用。jQuery Mobile 不只會給主流移動平臺帶來jQuery核心庫,並且會發佈一個完整統一的jQuery移動UI框架。

7:KendoUI:

中文網:http://www.kendoui.io/

http://www.telerik.com/kendo-ui

5640239-f4c07244b4bae5b4.jpg
圖片發自簡書App


kendoui.io 提供KendoUI官方最新示例、文檔的國內鏡像,提供大量實際使用案例,提供開源庫下載地址,KendoUI是一套很棒的HTML5開發控件,它的優勢是控件齊全,功能強,易於學習,使用代碼簡練。Kendo UIWeb包含全部建立高速HTML5 web app的必備元素:UI組件、數據源、驗證、一個MVVM框架、主題、模板等

缺點:kendo ui分爲開源版和收費版,最近在看KENDO UI,以爲功能很強大,想用於一個WEB項目中,尤爲裏面的GRID組件,很不錯,但GRID組件現屬於專業版本中的一個組件,而專業版是收費的。專業版都是壓縮的JS、CSS,基本不能閱讀代碼若是到期基本就不能夠再無償使用了。

相關文章
相關標籤/搜索