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

4.1离线web概述34

4.1.1离线与缓存34

4.1.2离线的意义35

4.2移动设备的支持35

4.3applicationcache和manifest36

4.3.1manifest文件36

4.3.2applicationcache对象和事件38

4.4本章小结39

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

5.1丰富的表单属性40

5.2移动web表单的input类型42

5.2.1search类型文本42

5.2.2email类型文本43

5.2.3number类型文本44

5.2.4range类型文本45

5.2.5tel类型文本45

5.2.6url类型文本46

5.2.7更多的类型46

5.3表单属性应用范围47

5.4本章小结47

第6章移动web界面样式48

6.1css348

6.2选择器49

6.2.1属性选择器49

6.2.2伪类选择器51

6.3阴影53

6.3.1box-shadow53

6.3.2text-shadow54

6.4背景54

6.4.1background-size55

6.4.2background-clip55

6.4.3background-origin55

6.4.4background56

6.5圆角边框56

6.6mediaqueries移动设备样式57

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

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

6.6.3mediaqueries如何工作60

6.6.4mediaqueries语法总结63

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

6.7本章小结73

第7章geolocation地理定位74

7.1功能介绍74

7.2浏览器支持情况75

7.3如何使用geolocationapi75

7.3.1首次获取当前位置75

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

7.4本章小结78

第8章轻量级框架jquerymobile初探79

8.1jquerymobile概述79

8.2入门示例helloworld80

8.2.1部署文件80

8.2.2编码81

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

8.3.1dataset自定义属性82

8.3.2使用dataset属性驱动jquerymobile组件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.6dialog对话框92

8.4.7页面主题93

8.5button按钮94

8.5.1button组件94

8.5.2具有icon图标的button组件95

8.5.3具有内联样式的button98

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

8.6bar工具栏102

8.6.1如何使用工具栏103

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

8.6.3多按钮的footer工具栏107

8.6.4导航条工具栏109

8.6.5定义fixed工具栏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.8form表单125

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

8.8.2html5文本框类型126

8.8.3html5搜索类型输入框127

8.8.4slider类型128

8.8.5toggle类型129

8.8.6单选按钮类型130

8.8.7复选框类型133

8.8.8下拉选择菜单135

8.9list列表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.11event事件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.4loading显示/隐藏184

8.13主题系统185

8.14本章小结186

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

9.1senchatouch概述187

9.1.1功能特点187

9.1.2官方套件包188

9.2入门示例helloworld190

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.3touch触控事件196

9.3.4事件管理器ext.eventmanager197

9.4核心组件库199

9.4.1ext.lib.component199

9.4.2属性、方法、事件200

9.5toolbar工具栏210

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

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

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

9.5.4按钮组的工具栏216

9.6tabs选项卡219

9.6.1使用tabpanel组件定义tab页面219

9.6.2选项卡功能220

9.7carousel222

9.8overlays遮罩层224

9.8.1alert提示信息类型224

9.8.2confirm确认提示框类型226

9.8.3prompt提示输入类型227

9.8.4actionsheet选择器类型229

9.8.5overlay浮动层显示框类型232

9.9picker选择器234

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

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

9.10list列表238

9.10.1创建基本的列表例子238

9.10.2改进的分组列表例子240

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

9.10.4xtemplate模板的应用245

9.11对html5的支持和封装249

9.11.1封装html5新表单元素249

9.11.2html5表单应用例子249

9.11.3封装geolocation地理定位功能252

9.11.4本地存储的支持255

9.11.5多媒体的支持257

9.12mvc开发模式258

9.12.1mvc介绍258

9.12.2创建application应用程序259

9.12.3model实体对象262

9.12.4view视图类267

9.12.5setactiveitem使用方法268

9.12.6controller业务逻辑类270

9.13本章小结272

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

10.1phonegap概述273

10.2搭建phonegap开发环境274

10.2.1如何在android平台下搭建phonegap开发环境275

10.2.2如何在ios平台下搭建phonegap280

10.3硬件设备接口283

10.3.1accelerometer加速度传感器283

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

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

10.3.4file对象操作文件系统290

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

10.4软件接口309

10.4.1camera对象获取照片资源309

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

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

10.4.4公告警示信息326

10.4.5media对象328

10.5events事件328

10.5.1公共事件329

10.5.2网络状态事件332

10.5.3android专有事件333

10.6html5特性335

10.6.1geolocation定位位置336

10.6.2storage特性336

10.7本章小结336

第11章构建基于html5的生活轨迹webapp337

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.5sheet组件选择更多功能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重新理解html5366

12.2浏览器的web开发文档367

12.3网站或社区的推荐367

12.4移动web应用框架368

前言