jQuery Mobile即学即用

章节摘录

版权页：   插图：   我知道大多数Web设计及开发人员都对HTML5和CSS3感到恐慌。我首先想说：不要担心，jQuery Mobile将为你处理一切。因此，即使不懂HTML5或CSS3也可以使用jQuery Mobile。尽管如此，我仍然鼓励你学习一下HTML5和CSS3，这样，在将来的讨论中，你将对这些新标准有一个更深的认识。 本书不会教读者HTML5或CSS3，不过，了解一些相关知识很重要。很多智能手机、平板电脑内置的移动浏览器都支持HTML5、CSS3以及其他API。 关于HTML5有很多可谈论的东西，包括它的历史以及它为移动世界带来了什么。严格来说，HTML5是一个发展中的标准，它包含了若干对HTML标记语言的改变以及大量JavaScript中的新API（是的，HTML5的大部分内容是关于JavaScriptAPl的）。在非正式的场合中，HTML5是许多浏览器中的现代特性的汇总，包括W3C的正式的HTML5标准、其他W3C API、CSS3以及非标准扩展。可以在http：／／mobilehtml5.or9看到HTML5在各移动浏览器中的兼容信息。 jQuery Mobile使用了大量的HTML5特性以便在移动浏览器上提供更好及更快的体验。不过这并不意味着浏览器必须完整地支持HTML5。事实上，许多早于HTML5出现的老浏览器也支持一些HTML5标记。在处理动画、渐变、特效以及UI渲染时，jQuery Mobile将尽可能地使用CSS3。 为了进一步引起你的兴趣，必须得告诉你：使用HTML5、CSS3以及一些其他现代技术，可以获得下列特性（无论是否带有jQuery Mobile体验）： 离线访问； 离线存储； 1.5 主要特性 作为一个现代框架，jQuery Mobile项目始于2010年8月，它包含很多适用于多平台开发的模式及最佳实践。这个框架的主要特性有： 跨平台、跨设备、跨浏览器； 为触屏设备优化过的UI； 设计为可修改主题及自定义； 只使用无侵入性的HTML5代码，无需了解任何JavaScript、CSS或API知识； 自动调用AJAX来加载动态内容； 构建于知名及有良好支持的jQuery核心之上； 轻量级尺寸，压缩后为12KB； 渐进增强； 可访问性支持。 我们已经讨论过其中一些特性，现在让我们深入分析一下其他方面。

媒体关注与评论

着眼于移动Web应用开发实战分门别类介绍jQuery Mobile的各种界面部件

内容概要

Maximiliano Firtman 是移动开发和HTML5技术专家。身为Web和移动技术教育工作者，他既是一位培训师，又是一位演讲家，还是Adobe社区专家和Programming the Mobile Web（O'Reilly）一书的作者。另外，他还是ITMaster专业培训机构（http://www.itmaster.com.ar/）的创始人。

书籍目录

目录

前言　　XI

第1 章 　移动平台　　1

1.1 　为什么需要jQuery Mobile　　1

1.1.1 　移动互联网的传说　　1

1.1.2 　移动Web 应用　　3

1.1.3 　再问一次，为什么需要jQuery Mobile　　4

1.2 　jQuery Mobile 是什么　　4

1.2.1 　jQuery Mobile 不是什么　　4

1.2.2 　框架　　5

1.3 　移动及平板的世界　　6

1.3.1 　设备分类　　7

1.3.2 　操作系统和浏览器　　9

1.3.3 　jQuery Mobile 兼容性　　11

1.4 　HTML5 和CSS3　　14

1.5 　主要特性　　15

1.5.1 　使用非侵入性语义的 HTML5　　15

1.5.2 　渐进增强　　17

1.5.3 　可访问性支持　　18

1.6 　测试Web 应用　　18

1.6.1 　仿真器与模拟器　　19

1.6.2 　远程实验室　　22

第2 章 　框架起步　　23

2.1 　准备文档　　23

2.1.1 　需求　　23

2.1.2 　托管文件　　23

2.1.3 　使用CDN　　25

2.1.4 　主HTML5 模板　　27

2.2 　Adobe Dreamweaver 的支持　　29

2.3 　架构　　31

2.3.1 　角色　　32

2.3.2 　主题　　33

2.3.3 　页面　　34

2.4 　导航　　37

2.4.1 　后退按钮　　38

2.4.2 　内部页面链接　　39

2.4.3 　外部页面链接　　42

2.4.4 　绝对外部链接　　46

2.4.5 　移动互联网特有链接　　47

2.4.6 　页面间的过渡效果　　47

2.4.7 　反转过渡效果　　49

2.5 　对话框　　49

2.5.1 　关闭，还是后退　　51

2.5.2 　从对话框打开页面　　54

2.6 　与电话整合　　54

2.6.1 　拨打电话　　54

2.6.2 　视频及VoIP 呼叫　　56

2.6.3 　发送电子邮件　　56

2.6.4 　发短消息　　57

2.6.5 　其他URI 方案　　57

2.6.6 　综合起来　　58

第3 章 　UI 组件　　59

3.1 　工具栏　　59

3.1.1 　定位　　60

3.1.2 　真实固定工具栏　　62

3.1.3 　在页头中添加内容　　62

3.1.4 　在页脚中添加内容　　65

3.1.5 　导航栏　　66

3.1.6 　固定页脚　　69

3.2 　格式化内容　　71

3.2.1 　可折叠内容　　72

3.2.2 　手风琴部件　　75

3.3 　列　　76

3.4 　按钮　　78

3.4.1 　内联按钮　　79

3.4.2 　分组按钮　　79

3.4.3 　效果　　80

3.4.4 　图标　　80

3.4.5 　创建自定义图标　　81

3.4.6 　图标位置　　83

3.4.7 　纯图标按钮　　84

3.4.8 　图标阴影　　84

第4 章 　列表　　85

4.1 　整页列表与插入列表　　88

4.2 　视觉分隔符　　89

4.3 　交互行　　91

4.3.1 　内嵌列表　　94

4.3.2 　分割按钮列表　　97

4.3.3 　有序交互列表　　100

4.4 　使用图片　　100

4.4.1 　行图标　　101

4.4.2 　缩略图　　101

4.5 　附加内容　　102

4.6 　标题与描述　　103

4.7 　使用计数气泡　　103

4.8 　使用搜索过滤数据　　104

4.9 　列表视图速查表　　105

第5 章 　表单组件　　107

5.1 　表单动作　　107

5.2 　表单元素　　108

5.2.1 　文本标签　　109

5.2.2 　域容器　　109

5.2.3 　文本输入框　　110

5.2.4 　自增长文本区　　112

5.2.5 　新HTML5 属性　　113

5.2.6 　日期输入框　　114

5.2.7 　滑块　　115

5.2.8 　平移切换开关　　116

5.2.9 　选择菜单　　117

5.2.10 　单选按钮　　124

5.2.11 　复选框　　126

5.2.12 　上传文件　　128

第6 章 　jQuery Mobile API　　129

6.1 　文档事件　　129

6.2 　配置　　131

6.2.1 　全局配置　　132

6.2.2 　页面配置　　136

6.2.3 　部件配置　　138

6.3 　实用工具　　139

6.3.1 　Data-* 工具　　139

6.3.2 　页面工具　　139

6.3.3 　平台工具　　141

6.3.4 　路径工具　　142

6.3.5 　UI 工具　　142

6.4 　自定义过渡　　143

6.5 　动态内容　　144

6.5.1 　创建页面　　144

6.5.2 　创建部件　　147

6.5.3 　更新部件　　148

6.6 　创建网格　　148

6.7 　改变页面内容　　148

6.8 　处理事件　　149

6.8.1 　页面事件　　149

6.8.2 　部件事件　　152

6.8.3 　方向事件　　152

6.8.4 　手势事件　　153

6.8.5 　虚拟点击事件　　154

第7 章 　创建主题　　155

7.1 　ThemeRoller　　156

7.1.1 　全局设置　　157

7.1.2 　色样设置　　158

7.1.3 　审查器　　159

7.1.4 　Adobe Kuler　　159

7.1.5 　输出主题　　159

7.2 　Fireworks 主题编辑器　　160

7.3 　编辑主题　　164

7.4 　定制页面过渡　　165

第8 章 　安装以及离线访问　　167

8.1 　软件包定义　　167

8.1.1 　HTML 清单　　168

8.1.2 　下载应用　　169

8.1.3 　访问在线资源　　170

8.1.4 　更新资源　　171

8.1.5 　JavaScript 对象　　172

8.1.6 　事件　　173

8.2 　安装应用图标　　175

8.2.1 　引导　　175

8.2.2 　图标快捷方式名　　176

8.2.3 　图标定义　　178

8.3 　全屏　　180

8.3.1 　全屏检测　　181

8.3.2 　修饰Web 应用　　182

8.4 　完整的例子　　184

8.5 　存储离线数据　　185

第9 章 　Web 应用实例　　187

9.1 　Web 应用的结构　　187

9.1.1 　离线清单　　188

9.1.2 　页面　　189

9.1.3 　样式　　196

9.1.4 　数据　　197

9.1.5 　脚本　　197

第10 章 　扩展框架　　203

10.1 　创建插件　　203

10.1.1 　基础模板　　204

10.1.2 　创建插件　　205

10.2 　插件精萃　　210

10.2.1 　分页插件　　210

10.2.2 　Bartender 插件　　211

10.2.3 　DateBox 插件　　213

10.2.4 　Simple Dialog 插件　　214

10.2.5 　Action Sheet 插件　　216

10.3 　供平板使用的插件　　216

10.3.1 　SplitView 插件　　217

10.3.2 　MultiView 插件　　219

10.4 　兼容的jQuery UI 插件　　220

第11 章 　为应用商店打包　　221

11.1 　到应用商店去发布　　222

11.2 　自定义的发布　　223

11.3 　准备打包　　223

11.4 　使用PhoneGap 打包　　224

关于封面　　226

编辑推荐

你想写一个Web应用，让它既能在iPad和Kindle Fire上，也能在iPhone和Android手机上运行吗？这本介绍jQuery Mobile的书会告诉你怎么做。通过一系列手把手的练习，你能够学会以最有效的方式使用这个框架的各种界面组件，构建定制的、跨平台的应用。即使没有太多编程经验，不熟悉jQuery也不要紧，本书很容易看懂。看完这本书之后，你就会知道怎么使用jQuery Mobile和语义化HTML5代码，创建出能在各种智能手机和平板电脑上运行的响应式、基于AJAX的界面。1. 理解jQuery Mobile与HTML5、CSS3以及JavaScript的关系2.利用UI组件创建表单、列表、导航条和按钮3.使用JavaScript、AJAX和jQuery核心框架创建动态内容4.通过主题和CSS3完全定制用户界面5.让用户能够从浏览器中安装应用并离线使用6.打包成原生应用并通过应用商店发售。本书教给你如何使用最近开发的jQuery Mobile库为触摸设备（如iPhone、iPad、Android和BlackBerry）构建网站和应用程序。

作者简介

《图灵程序设计丛书:jQuery Mobile即学即用》着眼于移动Web应用开发实战，从应用结构和导航开始，分门别类地介绍了jQueryMobile为开发人员准备好的各种界面部件，包括列表视图、工具条、按钮、表单、网格布局等，还介绍了界面主题和配色，以及为jQueryMobile编程准备的事件、配置及响应式布局API。《图灵程序设计丛书:jQuery Mobile即学即用》最后向读者展示了一个完整的Web应用开发示例。

---

 jQuery Mobile即学即用下载 更多精彩书评

---