jQuery Mobile 的特性

2019-03-23 13:53|来源: kayo

jQuery Mobile 是一个基于 jQuery 的网页前端界面框架,它继承了 jQuery 轻量、方便、强大的特点,并且有着极好的移动设备支持。


jQuery Mobile 的特性

极好的跨平台支持

jQuery Mobile 支持各种平台,如主流的 Android, iOS, Nokia/Symbian, Blackberry, Windows Mobile, 还有其他如 bada, MeeGo,Palm WebOS ,因此无论是手机和平板都可以轻松的运行 jQuery Mobile 设计的 Web 程序。

渐进的功能增强

前端设计时通过渐进增强功能来设计一直也是 Kayo 的设计想法,因为不同的平台,不同的设备有着不同的 Web 环境,因此对于一些出色的前端效果很难保证在每台设备上都呈现相同的效果,因此与其为了在所有设备上做到一样的效果而降低整体的前端样式,不如对于好的设备可以呈现更出色的效果,而基本的效果就兼容所有的设备。jQuery Mobile 的设计也是如此,核心的功能支持所有的设备,而较新的设备则可以获得更为优秀的页面效果。

优化触摸体验

jQuery Mobile 进行了触摸屏的优化,在 Kayo 使用 jQuery 做一些手机网页前端时,发现了一些简单的动画(如 slideUp、show 或是其他简单的 animate )在手机运行时并不流畅,对于触摸板的用户更是一种差的用户体验(试想一下手指划动屏幕,卡顿一下才出现效果,很不爽吧!),因此 jQuery Mobile 进行触摸屏优化无疑是个很好的用户设计。

新的布局控件

jQuery Mobile 提供了一个能适应不同设备的动态触摸 UI,其中包含基本的布局控件(列表,面板等本地控件),另外还有一套表单控件和新的 UI 插件。

主题化框架

在 jQuery Mobile 中,所有的布局和小工具都是被设计为面向对象的 css 框架,前端开发用户可以方便的去设计页面或 Web 程序的 UI ,并做出非常个性化的主题。


本文链接:jQuery Mobile 的特性

转自:http://kayosite.com/jquery-mobile-feature.html

相关问答

更多
  • 1、系统中缺少相关应用; 2、关联文件出现错误; 3、操作系统本身有问题‘
  • jQuery Mobile 是创建移动 web 应用程序的框架。 jQuery Mobile 适用于所有流行的智能手机和平板电脑。 jQuery Mobile 使用 HTML5 和 CSS3 通过尽可能少的脚本对页面进行布局。 1.跨平台 目前大部分的移动设备浏览器都支持HTML5标准,jQuery Mobile以HTML5标记配置网页,所以可以跨不同的移动设备,如Apple iOS,Android,BlackBerry,Windows Phone,Symbian和MeeGo等; 2.容易学习 jQuery ...
  • 如果你对a标记使用data-rel="back"属性,任何在此a上的点击都会模拟后退按钮, 和浏览器的历史按钮一样,并会忽略a标记本身的href。当链接到一个已有页面,比如“主页”, 或者生成后退按钮时或者一个按钮来关闭一个对话框时,该属性十分有用。当在你的源文件中使用此特性时, 请确保提供一个有意义的href来指向引用页的URL(这样才能使得用户在C级浏览器中也能使用该特性)。 同样的,请记住如果你只是想要一个反向过渡而并不实际回到上一页,你应该使用data-direction="reverse"属性来替 ...
  • 我认为这很大程度上取决于你想要做什么和你想要捕获的功能。 如果您希望网页在移动设备和同一台桌面上以某种方式行事,那么通过仔细的编码/测试,您将可以使用jquery.mobile。 如果您查看jquery.mobile(未压缩版本)的CSS,您可以直接编辑代码以按照特定屏幕大小的方式显示HTML元素。 只需选择一个桌面/大屏幕尺寸适当缩放。 作为一个例子,根据您在移动版本上要完成的任务,我还会查看jQTouch - 它允许移动专用功能,例如“点击”(代替“点击”),而且还有一个desktopCompatabi ...
  • 据我所知,jQuery Mobile没有附带jQuery。 它的下载页面只显示了移动框架的JS和CSS,因此这意味着主jQuery库是一个单独的依赖项(它自然会从主站点获取其JS文件)。 jQuery Mobile does not come with jQuery as far as I know. Its download page shows only the JS and CSS for the mobile framework, so that would imply that the main ...
  • 首先从github下载整个jquery演示页面。 如果您想快速了解如何完成视频教程 检查示例 (其中一些是本地应用程序),看看JQM可以做些什么 First download whole jquery demo pages from github. If you want rapidly see how something is done watch video tutorials Check examples (some of them are native apps) and see what can ...
  • 即将推出JQM的建设者。 截至2012年5月4日,它仍处于测试阶段。 挂在那里,该功能现在可以随时使用。 我将在发布时尝试更新此答案。 此处更新是指向JQM构建器http://jquerymobile.com/download-builder/的链接 There is a builder for JQM coming soon. As of 5/4/2012 its still in beta. Hang in there and the feature will be available any time ...
  • 这不是问题。 jQuery Mobile被锁定到某些jQuery版本。 如果您查看官方链接: http : //blog.jquerymobile.com/2013/02/20/jquery-mobile-1-3-0-released/ 你会找到一个文字: 支持jQuery 1.9.1(和2.0.0) jQuery Mobile 1.3.0支持jQuery核心版本1.7.2 - 1.9.1,我们也在积极测试即将推出的2.0版本。 我们将与他们的发布保持同步,让您充分利用新的优势。 这也涉及像1.3.1和1. ...
  • 看看有关jQuery Mobile如何处理链接的文档,特别是“无Ajax链接”部分: http://jquerymobile.com/test/docs/pages/page-links.html 它表示您向链接或父容器添加data-ajax="false"属性以加载当前jQuery Mobile页面之外的链接。 例如: link to a page 该页面底部也有一些例子。 Have a look at the doc ...