文档章节

10大支持移动“触摸操作”的JavaScript框架推荐

蜀山下的鱼
 蜀山下的鱼
发布于 2015/04/29 00:41
字数 1331
阅读 32
收藏 1
摘要:移动开发行业的发展速度让人目不暇接,也在此大势之下,推出移动网站App成为开发者必经之路,如何让触屏设备更易使用?如何让网站对触摸手势做出反应并使触摸更友好?所有这一切,皆因JavaScript变得轻而易举。本文介绍了Hammer.js等10个极佳的支持移动触摸操作的JavaScript框架。

为什么说移动开发是一项非常艰苦的工作?原因很多,比如非常耗时、压力无处不在等等。最重要的一点是,作为一名移动开发者,你必须始终秉承“活到老学到老”,还要明了最新的发展趋势、问题及解决方案等。比如跨浏览器的兼容性、屏幕分辨率及有问题的HTML、CSS代码等这些在过去难以解决,如今却能得到很好解决的难题。但开发者却仍然需要不断地学习新技术,只有这样才能保证自己不out,也才能让自己在竞争激烈的移动开发行业屹立不倒。

移动开发行业的发展速度太为迅捷,甚至有点让人目不暇接,在许多问题都已得到解决的同时,也有诸多新问题蹦出。而就触摸兼容及建立在框架之上的移动网站而言,让其在触屏智能手机、平板电脑上运行起来非常惊奇,移动网站正在以惊人的速度布局。如此一来,仅拥有一个Web网站早已不够,推出移动版网站才是王道。而如今,推出同类网站的App也已成为开发者改善业务的一大趋势。


所有这一切,皆因JavaScript,成为可能。因为JavaScript能够使得触屏设备更加容易使用。它允许网站对触摸手势做出反应,从而使得触摸更加友好,也扩大了你的用户群。JS框架方便处理且轻量级。为此,我们特地整理了10个最佳支持移动触摸操作的JavaScript框架,绝对让你一饱眼福、受益匪浅。

Hammer.js

Hammer.js是一个专门用于控制、定制手势的轻量级JavaScript框架,可以识别出常见的触摸、拖动、长按、缩放等手势。支持Android、BlackBerry、iOS及Windows触屏设备。

jQuery UI 1.10

jQueryUI是一套jQuery JS库的页面UI插件,包含多种常用的页面空间,比如Tabs、拉帘效果、对话框、拖放效果、日期选择、颜色选择、数据排序、窗体大小调整等。能够让开发者轻而易举地制作出一个高度交互的Web应用。无论是对于开发者还是设计师而言,它都非常实用。

FastClick

FastClick是一个非常方便的库,在移动浏览器上发生介于轻敲及点击之间的指令时,能够让你摆脱300毫秒的延迟。FastClick可以让你的应用程序更加灵敏迅捷。支持各种移动浏览器,比如Safari、Chrome、Opera等。


Swipe

Swipe是一个轻量级的移动滑动组件,支持1:1的触摸移动、阻力及防滑。Swipe为移动版Web应用带来了全新的交互方式,可以让移动App展现更多的内容。


Jo

Jo允许开发者使用相同代码开发出原生移动App或Web应用,可以让你使用CSS快速调整应用,支持iOS、Android、webOS、BlackBerry及Chrome OS等平台。Jo最大的优势莫过于操作起来方便简单、开源且又免费。


Quo JS

Quo JS是一个轻量级的小型、模块化、面向对象的JavaScript库,用于移动Web开发中简化HTML文件遍历、事件处理及Ajax交互等,可以让开发者轻松编写出高效的跨浏览器代码。总的来说,Quo JS允许创建复杂项目及基于浏览器的App,是一个非常伟大的触摸事件管理器。


FooTable

FooTable是一个高级jQuery插件,允许开发者在触屏智能手机及平板电脑等小型设备上制作数据非常惊人的HTML表格。它可以将HTML表转换成可扩展的响应式表格,且通过单击某一行即可将该行数据隐藏起来。


TinyNav.js

顾名思义,TinyNav.js是一个小型jQuery插件,能够对小型屏幕上的下拉菜单导航实现<ul><ol>的转换。还能对当前页面进行选择,并对一个项目添加selected=”selected”。它是一个非常有效的插件,提供了一些非常不错的功能。


JQUERY.PEP.JS

JQUERY.PEP.JS也是一个小型jQuery插件,结合了jQuery动画和CSS3动画,在移动和桌面设备上实现Kinetic Drag。JQUERY.PEP.JS支持自定义启动、停止、休眠及拖拽事件、约束父体或视窗对象。


Pointer.js

Pointer.js是一个非常酷的工具,能够让触摸及鼠标系统统一起来。这是未来的需要,因为在未来,触摸操作势必会更加风行,而鼠标的使用将会大幅减低。


本文转载自:http://blog.csdn.net/caiwenfeng_for_23/article/details/8666420

上一篇: 10类算法
下一篇: 内部类
蜀山下的鱼
粉丝 9
博文 405
码字总数 0
作品 0
广州
高级程序员
私信 提问
javascript学习资料分享

有志于web前端工作的话,javascript的知识是必不可少的。越学,我越觉得自己所欠缺的越多。路漫漫其修远兮,吾将上下而求索。下面将一些好的资料分享给大家。 JavaScript学习资料: (1)遇见...

小微
2012/04/06
0
5
10 个最佳的支持触摸操作的 JavaScript 框架

由于各种原因移动开发是一项艰难的工作,比如它是非常耗时的、充满压力的任务。最重要的是,作为一个开发人员,你必须保持更新所有最新的技术和技巧——你必须知道所有最新的趋势,问题和解决方案...

oschina
2013/03/09
12.9K
6
10大优秀的移动Web应用程序开发框架

今天这篇文章向大家推荐10大优秀的移动Web开发框架,帮助开发者更加高效的开发移动Web应用。 1.Sencha Touch Framework Sencha Touch是世界上第一个基于HTML5的移动Web开发框架,支持最新的H...

晨曦之光
2012/03/01
1K
1
10大优秀的移动Web应用程序开发框架推荐

在最近几年里,移动互联网高速发展、市场潜力巨大。继计算机、互联网之后,移动互联网正掀起第三次信息技术革命的浪潮,新技术、新应用不断涌现。今天这篇文章向大家推荐10大优秀的移动Web开...

老盖
2011/09/20
4.3K
4
15 个微型的 JavaScript 框架

问一个 Web 开发者最喜欢的 JS 库是什么,多数回答都是 jQuery,不管他所作的网站是大是小。开发者倾向使用 jQuery 的原因是它可以降低代码的复杂度、而且 jQuery 经过良好的测试,大量的用户...

红薯
2012/02/11
7.7K
11

没有更多内容

加载失败,请刷新页面

加载更多

EasyExcel

<!-- alibaba EasyExcel escel导入导出 --> <dependency> <groupId>com.alibaba</groupId> <artifactId>easyexcel</artifactId> <version>1.0.0-RELEASE</version> </dependency>......

少年已不再年少
34分钟前
2
0
解决:warning: deprecated conversion from string constant to 'char*' [-Wwrite-strings]

代码 static int CheckOneReg(uint8_t busNo, char *title, int32_t addr, uint32_t *val, BOOL isPrintfNL, ErrMsg_t const *pMsg)res |= CheckOneReg(busNo,"fwVer:", HALREG_FW_VER, ......

SamXIAO
35分钟前
1
0
jenkins搭建全流程

安装环境   操作系统:linux   软件:jdk 8   软件:tomcat(apache-tomcat-7.0.90) 软件:jenkins 软件:maven 软件:git 1.1安装步骤 1.1.1安装jdk 由于Jenkins是基于Java开发的,安...

shzwork
41分钟前
1
0
Java的战争

本文来自微信公众号: 金捷幡(ID:jin-jiefan) ,作者:金捷幡,封面:拉里·埃里森(东方IC) 2019年5月,彻底撕破脸的特朗普掀起对华为的战争,谷歌被迫吊销了华为的Android授权。开源软...

Java领航员
今天
9
0
超详细的LM3414MRX/NOPB规格参数介绍就在这里

超详细的LM3414MRX/NOPB规格参数介绍就在这里 描述 LM3414和LM3414MRX/NOPB是具有1-A 60 W(1)共阳极功能的恒流降压LED驱动器。它们适用于驱动单串3-W HBLED,效率高达96%。它们可接受4.5...

不能吃肉的仙女
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部