在本系列文章的开头,Kayo 曾经介绍过 Web App 的优缺点,并且说明了 HTML5 在其中起的作用,当然,Web Apps 的发展需要 HTML5 , CSS 与 JavaScript 以及后台技术的共同配合,但 HTML5 无疑为 Web Apps 发展中一些重要的方面带来主要贡献。本文要阐述的,正是 HTML5 为 Web Apps 带来的各种影响,或者说,HTML5 究竟为 Web Apps 开发带来了...
Read More –>
jQuery Mobile 在刚推出的时候,曾经宣传了几个重要的特点,除了 Kayo 在本系列文章中多次介绍的“触摸屏优化”外,另外一个最直接的特点就是“响应式设计”,关于响应式设计,Kayo 已经写了不少相关的文章进行说明,而本文要介绍的,是 jQuery Mobile 中为响应式设计作出的优化和工具。
在 jQuery Mobile 测试版本的文档中,有一个栏目名为“Responsive Layout Helpe...
Read More –>
本文承接上文《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 方法上》,继续说明 jQuery Mobile 的方法,这部分内容主要与页面 URL 解析相关,除此之外还有其他一些实用方法。
以下两个方法在 jQuery Mobile 1.1 中不赞成使用
八. $.mobile.fixedToolbars.show()
固定工具栏(包括固定的头部栏和尾部栏)可...
Read More –>
本篇介绍的,是 jQuery Mobile 的方法。对比于 jQuery 方法可以实现 DOM 遍历,动画,Ajax 等各种丰富的操作,jQuery Mobile 的方法更像是 jQuery Mobile 的配置方案,它的主要功能是调整 jQuery Mobile 的效果或运行方式,尤其是页面加载和解析 URL 的部分,而 jQuery Mobile 方法基本都会在 jQuery Mobile 的默认执行中被内部调用...
Read More –>
在系列的上一篇文章《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 事件详解》中,Kayo 介绍了除页面事件外的其他 jQuery Mobile 事件,而页面事件由于事件数较多,并且涉及 jQuery 中一个比较复杂的对象 deferred ,因此在本文中单独说明。jQuery Mobile 页面事件使用分为页面加载事件 (Page load events),...
Read More –>
在前文《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 默认配置与事件基础》中,Kayo 对 jQuery Mobile 事件的基础作出了一些说明,建议在阅读本文前首先阅读前文,这里 Kayo 再引用前文的重要内容。
“jQuery Mobile 在基于本地事件上,创建了一系列的自定义事件,大部分事件是基于触摸设备的使用情况开发的,当然这些事件对于桌面环境也会...
Read More –>
从本文开始,使用 jQuery Mobile 与 HTML5 开发 Web App 系列将会进入第三部分——jQuery Mobile 事件与方法,这其中将会利用之前所讲述的 jQuery Mobile 组件作为例子说明,因此 Kayo 建议如果你不熟悉 jQuery Mobile ,可以首先阅读前面两部分的文章。本文会介绍 jQuery Mobile 的默认配置以及一些基本的事件使用方法。
一.默认配置
jQuer...
Read More –>
“使用 jQuery Mobile 与 HTML5 开发 Web App”系列文章的数目累积起来也比较多了,为方便大家浏览, Kayo 把这些文章整理成一个目录,收录那些已经写好的文章并会继续更新。
该系列的文章实质上分成四个部分,分别是总体概况、jQuery Mobile 组件、jQuery Mobile 事件与方法以及 HTML5 在 Web App 上的应用。
一.总体概况
这部分内容主要讲述如何使用 jQue...
Read More –>
在《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 基础》中,Kayo 曾经简略介绍过 jQuery Mobile 的页面组件,当时只是举了一个简单的例子说明一下页面组件的情况,本文将会拓展说明页面组件的具体细节。
一.页面基础
在 jQuery Mobile 中,页面这个概念与传统的 Web 页面有一个很大的区别 —— jQuery Mobile 中的页面可...
Read More –>
本文延续之前"使用 jQuery Mobile 与 HTML5 开发 Web App"系列文章,本文介绍的是 jQuery Mobile 中的 jQuery Mobile 工具栏。在 jQuery Mobile 中,有一套完整的工具栏和导航栏组件,这里的工具栏和导航栏并不只是提供了相应的外观样式,还自带有一些常用的辅助功能,下面 Kayo 为大家详细介绍。
也许你会奇怪,不是有工具栏和导航栏吗?为什么标题只写了工具栏...
Read More –>
如 Kayo 之前所写的文章 《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 内容格式》中所述,这次介绍的是 jQuery Mobile 列表组件。 jQuery Mobile 列表虽然也是对页面内容进行丰富,但 jQuery Mobile 列表会给标准的 HTML 赋予一套样式以及丰富的交互处理,因此它是一套完整的组件,并且 jQuery Mobile 对...
Read More –>
今天开始, “使用 jQuery Mobile 与 HTML5 开发 Web App” 的系列文章将会继续,这次要介绍的是 jQuery Mobile 的内容格式部分,这也是 jQuery Mobile 的组件部分,包含了基本 HTML 样式(Basic HTML styles),主题内容(Theming content),可折叠内容块(Collapsible content blocks),折叠组(Collapsi...
Read More –>