lxl20052051的专栏

今天开始， “使用 jQuery Mobile 与 HTML5 开发 Web App” 的系列文章将会继续，这次要介绍的是 jQuery Mobile 的内容格式部分，这也是 jQuery Mobile 的组件部分，包含了基本 HTML 样式（Basic HTML styles），主题内容（Theming content），可折叠内容块（Collapsible content blocks），

本文要介绍的，是 HTML5 离线网络应用程序的特性，离线网络应用程序在 W3C 中的实际名称是 "Offline Web applications" ，也称离线缓存。当用户打开浏览器时，浏览器会将一个列表中指定的资源都下载并储存在本地。下次当用户再访问这个网络程序时，浏览器会自动引用本地缓存中相应的文件，而不会再从网络下载这些资源。不管离线网络应用程序是否专为 Web Apps 而设，但这对于

如 Kayo 之前所写的文章 《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 内容格式》中所述，这次介绍的是 jQuery Mobile 列表组件。 jQuery Mobile 列表虽然也是对页面内容进行丰富，但 jQuery Mobile 列表会给标准的 HTML 赋予一套样式以及丰富的交互处理，因此它是一套完整的组件，并且 jQu

从本文开始，使用 jQuery Mobile 与 HTML5 开发 Web App 系列将会进入第三部分——jQuery Mobile 事件与方法，这其中将会利用之前所讲述的 jQuery Mobile 组件作为例子说明，因此 Kayo 建议如果你不熟悉 jQuery Mobile ，可以首先阅读前面两部分的文章。本文会介绍 jQuery Mobile 的默认配置以及一些基本的事件使用方法。

本文要介绍的是 HTML5 的 Web Workers 特性，它解决了 JavaScript 开发中一个重大的问题 —— 在后台运行 JavaScript 。与本系列前两篇文章介绍的特性相似，Web Wordkers 似乎也是为了 Web Apps 而设计的，可以想象，Web Apps 乃至原生 Apps 受移动设备性能的限制比在桌面环境中要大很多，尽管现在的移动设备性能已经不断的提高，这对于发展

本文延续之前"使用 jQuery Mobile 与 HTML5 开发 Web App"系列文章，本文介绍的是 jQuery Mobile 中的 jQuery Mobile 工具栏。在 jQuery Mobile 中，有一套完整的工具栏和导航栏组件，这里的工具栏和导航栏并不只是提供了相应的外观样式，还自带有一些常用的辅助功能，下面 Kayo 为大家详细介绍。也许你会奇怪，不是有工具栏和导航栏吗？

在前文《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 默认配置与事件基础》中，Kayo 对 jQuery Mobile 事件的基础作出了一些说明，建议在阅读本文前首先阅读前文，这里 Kayo 再引用前文的重要内容。“jQuery Mobile 在基于本地事件上，创建了一系列的自定义事件，大部分事件是基于触摸设备的使用情况开发的，当

在系列的上一篇文章《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 事件详解》中，Kayo 介绍了除页面事件外的其他 jQuery Mobile 事件，而页面事件由于事件数较多，并且涉及 jQuery 中一个比较复杂的对象 deferred ，因此在本文中单独说明。jQuery Mobile 页面事件使用分为页面加载事件 (Page l

jQuery Mobile 在刚推出的时候，曾经宣传了几个重要的特点，除了 Kayo 在本系列文章中多次介绍的“触摸屏优化”外，另外一个最直接的特点就是“响应式设计”，关于响应式设计，Kayo 已经写了不少相关的文章进行说明，而本文要介绍的，是 jQuery Mobile 中为响应式设计作出的优化和工具。在 jQuery Mobile 测试版本的文档中，有一个栏目名为“Responsive L

绝大多数的软件都需要使用某种具有持久性的方式来存储数据，Web Apps 也不例外，涉及到完整后台的 Web Apps ，可以直接在后台使用 mysql 等数据库来存储数据，但过多的 sql 查询会影响服务器性能，甚至是整个 App 的性能。因此，一些简单有效的存储方式对与 Web Apps 显得很重要，Web Storage 似乎正是为此而设计。下面开始正式介绍 Web Storage 。一

本篇介绍的，是 jQuery Mobile 的方法。对比于 jQuery 方法可以实现 DOM 遍历，动画，Ajax 等各种丰富的操作，jQuery Mobile 的方法更像是 jQuery Mobile 的配置方案，它的主要功能是调整 jQuery Mobile 的效果或运行方式，尤其是页面加载和解析 URL 的部分，而 jQuery Mobile 方法基本都会在 jQuery Mobile 的

在本系列文章的开头，Kayo 曾经介绍过 Web App 的优缺点，并且说明了 HTML5 在其中起的作用，当然，Web Apps 的发展需要 HTML5 , CSS 与 JavaScript 以及后台技术的共同配合，但 HTML5 无疑为 Web Apps 发展中一些重要的方面带来主要贡献。本文要阐述的，正是 HTML5 为 Web Apps 带来的各种影响，或者说，HTML5 究竟为 Web

在上文《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 表单上》中， Kayo 介绍了一部分 jQuery Mobile 表单组件，接下来将会继续介绍余下的组件以及相关的技巧。 6.选择列表选择列表是基于 HTML select 元素的，具有原生菜单和自定义菜单两种形式，原生菜单与自定义菜单都有一个样式美化了的选择按钮，不同

一.Button 组件及 jQuery Mobile 如何丰富组件样式在 jQuery Mobile 里，可以通过给任意链接添加 data-role=“button” 来产生一个 button 组件，jQuery Mobile 会追加一定的样式到链接，值得注意的是，jQuery Mobile 在给组件元素追加样式时不一定只在原有的元素上添加 CSS 和 Javascript 响应，一般还会追加

一.表单组件基础1.组件简介jQuery Mobile 中的表单组件是基于标准 HTML ，然后在此基础上增强样式，因此即使浏览器不支持 jQuery Mobile 表单仍可正常使用。需要注意的是， jQuery Mobile 会把表单元素增强为触摸设备很容易使用的形式，因此对于 iphone/ipad 与 Android 使用 Web 表单将会变得非常方便。jQuery Mobi

使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 基础时间：2012年2月20日分类：JavaScript标签：HTML5‚ jQuery Mobile‚ viewport‚ Web App评论：16这篇文章是使用 jQuery Mobile 与 HTML5 开发 Web App 系列的第二篇，在本文以及接下来的数篇文章

“使用 jQuery Mobile 与 HTML5 开发 Web App”系列文章的数目累积起来也比较多了，为方便大家浏览， Kayo 把这些文章整理成一个目录，收录那些已经写好的文章并会继续更新。该系列的文章实质上分成四个部分，分别是总体概况、jQuery Mobile 组件、jQuery Mobile 事件与方法以及 HTML5 在 Web App 上的应用。一．总体概况这部分内容

在《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 基础》中，Kayo 曾经简略介绍过 jQuery Mobile 的页面组件，当时只是举了一个简单的例子说明一下页面组件的情况，本文将会拓展说明页面组件的具体细节。一.页面基础在 jQuery Mobile 中，页面这个概念与传统的 Web 页面有一个很大的区别 —— jQuer

本文承接上文《使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 方法上》，继续说明 jQuery Mobile 的方法，这部分内容主要与页面 URL 解析相关，除此之外还有其他一些实用方法。以下两个方法在 jQuery Mobile 1.1 中不赞成使用八. $.mobile.fixedToolbars.show()固定工具栏

最近有个新项目用了hbuilder这个开发工具，但是在用mui.ajax()方法进行跨域请求的时候，浏览器总是报Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resourc