移动端手势的七个事件库

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

GMU是基于zepto的mobile UI组件库,提供webapp、pad端简单易用的UI组件!

http://gmu.baidu.com

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

Hammer.js是一个开源的,轻量级的javascript库,它可以在不需要依赖其他东西的情况下识别触摸,鼠标事件。

多点触控插件Hammer.js的demo源码:http://www.jq22.com/jquery-info552

现在已经更新到2.04版本,跟1.0版本有点天壤地别了,毕竟改写了事件名并新增了许多方法,允许同时监听多个手势、自定义识别器,也可以识别滑动方向。

中文文档:https://www.cnblogs.com/qianduanjingying/p/5812139.html

HammerJS是一个开源的库,可以识别由 touch, mouse 和 pointerEvents 触发的系列手势。它非常小巧,压缩后仅有3.96kb,并没有多余的脚本依赖。

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

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

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

图片发自简书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/

图片发自简书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/

图片发自简书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

图片发自简书App

kendoui.io 提供KendoUI官方最新示例、文档的国内镜像,提供大量实际使用案例,提供开源库下载地址,KendoUI是一套很棒的HTML5开发控件,它的优点是控件齐全,功能强,易于学习,使用代码简练。Kendo UIWeb包含所有创建高速HTML5 web app的必备元素:UI组件、数据源、验证、一个MVVM框架、主题、模板等

缺点:kendo ui分为开源版和收费版,最近在看KENDO UI,觉得功能很强大,想用于一个WEB项目中,尤其里面的GRID组件,很不错,但GRID组件现属于专业版本中的一个组件,而专业版是收费的。专业版都是压缩的JS、CSS,基本不能阅读代码如果到期基本就不可以再免费使用了。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏小文博客

为你的站点加上“懒加载”——提高用户体验&节省流量

20830
来自专栏十月梦想

HTML基本与主要结构

10720
来自专栏小文博客

为你的站点加上“懒加载”——提高用户体验&节省流量

通常来说,一个正常web页面是由图片和文字以及各种CSS,JS构成,而这其中,拖慢网速的罪魁祸首就是图片。懒加载即将页面中的图片分布加载,边浏览边加载,从而减轻...

45790
来自专栏强仔仔

利用JQuery实现鼠标移动到图片上方的时候显示二维码,离开的时候不显示二维码

今天给大家介绍一下怎样利用JQuery实现鼠标移动到图片上方的时候显示二维码,离开的时候不显示二维码的功能。 其实主要注意几点细节就可以轻松实现这样的功能了,第...

33690
来自专栏腾讯开源的专栏

【开源公告】高性能的图片框架 LKImageKit 正式开源

LKImageKit LKImageKit 是一个高性能的图片框架,包括了图片控件,图片下载、内存缓存、磁盘缓存、图片解码、图片处理等一系列能力。合理的架构和...

39940
来自专栏贾鹏辉的技术专栏@CrazyCodeBoy

React Native升级指南|v0.40+升级适配经验与心得

React Native作为一个有上千开发者参与的开源项目,自从2015年3月27日第一版发布以来到现在已经有147次版本发布了,平均起来几乎每周都会有新的版本...

40780
来自专栏DeveWork

WordPress 网站基于REST API 开发“微信小程序”实战

几周前,Jeff 花了两天将自己的WordPress 网站做了个微信小程序版本。这篇文章主要记录自己在开发第一版的过程,顺便为有兴趣的你剖析如何将一个WordP...

46460
来自专栏陈津的专栏

谈谈 React + Redux 的可复用性

本文主要介绍React + Redux 全家桶在团队业务开发实际使用中遇到的一些混合复用性问题、思考以及解决。

1.2K20
来自专栏张戈的专栏

Infinity New Tab:重新定义你的Chrome新标签页

Infinity new tab 是一款实用又清新的 Chrome(谷歌浏览器)新标签页功能扩展,可以完美替代默认的新标签页。受插件作者邀请,我特意安装体验了一...

362120
来自专栏CSDN技术头条

实战小程序网上商城

最早小程序在微信平台上成名,手握 10 亿月活用户的微信,很快成为小程序创业者的掘金之地。巨头的嗅觉敏锐,支付宝、百度随即跟进,今日头条也开始内测小程序,几大平...

74140

扫码关注云+社区

领取腾讯云代金券