HTML5移动Web开发指南PDF电子书下载

第1章 移动互联网时代的Web技术 1

1.1移动互联网的发展 1

1.2智能手机发展迅速 2

1.3智能手机的Web浏览器 4

1.4移动Web应用的发展 7

1.5基于HTML5的移动Web应用 8

第2章 移动设备HTM L5页面布局 12

2.1页面语义化简介 12

2.1.1 HTML5新语义元素概述 12

2.1.2更多HTML5新元素 16

2.2页面结构与移动设备的布局 16

2.2.1常见的移动应用布局 17

2.2.2使用HTML5创建标准的移动Web页面 18

2.3本章小结 22

第3章 HTML5规范的本地存储 23

3.1移动设备的支持 23

3.2 localStorage 24

3.3 sessionStorage 28

3.4 Storage事件监听 29

3.5本章小结 33

第4章 移动Web的离线应用 34

4.1离线Web概述 34

4.1.1离线与缓存 34

4.1.2离线的意义 35

4.2移动设备的支持 35

4.3 applicationCache和manifest 36

4.3.1 manifest文件 36

4.3.2 applicationCache对象和事件 38

4.4本章小结 39

第5章 移动设备的常见HTML5表单元素 40

5.1丰富的表单属性 40

5.2移动Web表单的input类型 42

5.2.1 search类型文本 42

5.2.2 email类型文本 43

5.2.3 number类型文本 44

5.2.4 range类型文本 45

5.2.5 tel类型文本 45

5.2.6 url类型文本 46

5.2.7更多的类型 46

5.3表单属性应用范围 47

5.4本章小结 47

第6章 移动Web界面样式 48

6.1 CSS3 48

6.2选择器 49

6.2.1属性选择器 49

6.2.2伪类选择器 51

6.3阴影 53

6.3.1 box-shadow 53

6.3.2 text-shadow 54

6.4背景 54

6.4.1 background-size 55

6.4.2 background-clip 55

6.4.3 background-origin 55

6.4.4 background 56

6.5圆角边框 56

6.6 Media Queries移动设备样式 57

6.6.1传统网站在iPhone上的显示问题 57

6.6.2 viewport设置适应移动设备屏幕大小 59

6.6.3 Media Queries如何工作 60

6.6.4 Media Queries语法总结 63

6.6.5如何将官方网站移植成移动Web网站 65

6.7本章小结 73

第7章 Geolocation地理定位 74

7.1功能介绍 74

7.2浏览器支持情况 75

7.3如何使用Geolocation API 75

7.3.1首次获取当前位置 75

7.3.2监视移动设备的位置变化 77

7.4本章小结 78

第8章 轻量级框架jQuery Mobile初探 79

8.1 jQuery Mobile概述 79

8.2入门示例Hello World 80

8.2.1部署文件 80

8.2.2编码 81

8.3基于HTML5的自定义属性驱动组件 82

8.3.1 dataset自定义属性 82

8.3.2使用dataset属性驱动jQuery Mobile组件 83

8.4页面与视图 85

8.4.1标准的移动Web页面 85

8.4.2移动设备的视图 86

8.4.3多视图Web页面 88

8.4.4改变页面标题的视图 90

8.4.5视图切换动画 91

8.4.6 dialog对话框 92

8.4.7页面主题 93

8.5 button按钮 94

8.5.1 button组件 94

8.5.2具有icon图标的button组件 95

8.5.3具有内联样式的button 98

8.5.4具有分组功能的button按钮 99

8.6 Bar工具栏 102

8.6.1如何使用工具栏 103

8.6.2含有后退按钮的Header工具栏 104

8.6.3多按钮的Footer工具栏 107

8.6.4导航条工具栏 109

8.6.5定义fiixed工具栏 113

8.6.6全屏模式工具栏 114

8.7内容区域格式布局 114

8.7.1网格布局 114

8.7.2仿9宫格排列的按钮组例子 120

8.7.3折叠块功能 122

8.7.4创建具有手风琴效果的例子 124

8.8 Form表单 125

8.8.1如何使用表单提交功能 126

8.8.2 HTML5文本框类型 126

8.8.3 HTML5搜索类型输入框 127

8.8.4 Slider类型 128

8.8.5 Toggle类型 129

8.8.6单选按钮类型 130

8.8.7复选框类型 133

8.8.8下拉选择菜单 135

8.9 List列表 144

8.9.1基本列表类型 145

8.9.2普通链接列表 147

8.9.3多层次嵌套列表 149

8.9.4有序编号列表 151

8.9.5只读列表 153

8.9.6可分割按钮列表 154

8.9.7列表的分隔符 155

8.9.8列表搜索过滤器 157

8.9.9含有气泡式计数的列表 159

8.9.10显示列表项右侧文本格式的列表 160

8.9.11列表项含有图标的列表 162

8.9.12数据项含有图片的列表 163

8.9.13内嵌列表 164

8.9.14列表的性能问题 166

8.10配置选项 166

8.11 Event事件 170

8.11.1页面加载事件 171

8.11.2其他事件类型 171

8.12实用方法和工具 173

8.12.1页面视图辅助工具 174

8.12.2数据存储 176

8.12.3地址路径辅助工具 177

8.12.4 loading显示/隐藏 184

8.13主题系统 185

8.14本章小结 186

第9章 重量级富框架Sencha Touch入门 187

9.1 Sencha Touch概述 187

9.1.1功能特点 187

9.1.2官方套件包 188

9.2入门示例Hello World 190

9.2.1部署文件 190

9.2.2开始编码 190

9.2.3调试环境 192

9.2.4页面调整 192

9.3事件管理 194

9.3.1自定义事件 194

9.3.2初始化事件 195

9.3.3 Touch触控事件 196

9.3.4事件管理器Ext.EventManager 197

9.4核心组件库 199

9.4.1 Ext.lib.Component 199

9.4.2属性、方法、事件 200

9.5 Toolbar工具栏 210

9.5.1创建一个只有标题的工具栏例子 211

9.5.2模拟前进返回按钮的工具栏例子 212

9.5.3具有图标效果按钮的工具栏例子 214

9.5.4按钮组的工具栏 216

9.6 Tabs选项卡 219

9.6.1使用TabPanel组件定义Tab页面 219

9.6.2选项卡功能 220

9.7 Carousel 222

9.8 Overlays遮罩层 224

9.8.1 Alert提示信息类型 224

9.8.2 Confiirm确认提示框类型 226

9.8.3 Prompt提示输入类型 227

9.8.4 ActionSheet选择器类型 229

9.8.5 Overlay浮动层显示框类型 232

9.9 Picker选择器 234

9.9.1创建单列的选择器例子 235

9.9.2创建允许选择日期的选择器例子 236

9.10 List列表 238

9.10.1创建基本的列表例子 238

9.10.2改进的分组列表例子 240

9.10.3使用Ajax异步请求的列表 242

9.10.4 XTemplate模板的应用 245

9.11对HTML5的支持和封装 249

9.11.1封装HTML5新表单元素 249

9.11.2 HTML5表单应用例子 249

9.11.3封装GeoLocation地理定位功能 252

9.11.4本地存储的支持 255

9.11.5多媒体的支持 257

9.12 MVC开发模式 258

9.12.1 MVC介绍 258

9.12.2创建application应用程序 259

9.12.3 Model实体对象 262

9.12.4 View视图类 267

9.12.5 setActiveItem使用方法 268

9.12.6 Controller业务逻辑类 270

9.13本章小结 272

第10章 跨平台的PhoneGap应用介绍 273

10.1 PhoneGap概述 273

10.2搭建PhoneGap开发环境 274

10.2.1如何在Android平台下搭建PhoneGap开发环境 275

10.2.2如何在iOS平台下搭建PhoneGap 280

10.3硬件设备接口 283

10.3.1 Accelerometer加速度传感器 283

10.3.2 Compass对象获取指南针信息 286

10.3.3使用connection对象检测网络状态 289

10.3.4 File对象操作文件系统 290

10.3.5使用Device对象获取移动设备的信息 307

10.4软件接口 309

10.4.1 Camera对象获取照片资源 309

10.4.2 Capture对象采集多媒体资源 312

10.4.3使用Contacts对象获取通信录资源 317

10.4.4公告警示信息 326

10.4.5 Media对象 328

10.5 Events事件 328

10.5.1公共事件 329

10.5.2网络状态事件 332

10.5.3 Android专有事件 333

10.6 HTML5特性 335

10.6.1 GeoLocation定位位置 336

10.6.2 Storage特性 336

10.7本章小结 336

第11章 构建基于HTML5的生活轨迹Web App 337

11.1项目背景 337

11.1.1功能介绍 337

11.1.2功能模块 339

11.2创建基本应用程序 340

11.2.1创建首页 340

11.2.2创建入口函数 341

11.3设置Model数据模型 343

11.3.1创建Model实体类 343

11.3.2设置Store对象 344

11.4创建View视图组件 344

11.4.1列表视图 344

11.4.2列表组件 346

11.4.3表单视图 346

11.4.4浏览生活轨迹视图 349

11.4.5 Sheet组件选择更多功能 350

11.5业务逻辑 352

11.5.1定义controller类 352

11.5.2实现视图之间的切换 352

11.5.3保存生活轨迹内容 355

11.5.4实现Geolocation地理定位 355

11.5.5显示生活轨迹内容 357

11.5.6显示Google地图 358

11.5.7显示Sheet组件函数 360

11.5.8清除所有存储的列表函数 360

11.5.9删除一条记录的函数 361

11.6缓存文件 362

11.6.1设置manifest文件内容 362

11.6.2设置HTML缓存文件 363

11.7后端服务器通信 364

11.8本章小结 365

第12章 进阶之路 366

12.1重新理解HTML 5 366

12.2浏览器的Web开发文档 367

12.3网站或社区的推荐 367

12.4移动Web应用框架 368