第1章 跨平台移动Web基础知识 1
1.1 移动Web开发概述 1
1.1.1 移动APP的分类和移动Web 1
1.1.2 移动Web与桌面Web的设计差异及设计要点 2
1.2 手机屏幕分辨率 4
习题 6
第2章 移动Web设计基础 7
2.1 HTML——超文本置标语言 7
2.1.1 HTML概述 7
2.1.2 HTML的应用示例 8
2.2 CSS技术简介 11
2.2.1 CSS的基本语法和用法 11
2.2.2 CSS的选择器 14
2.3 JavaScript语言基础 17
2.3.1 JavaScript语法简介 17
2.3.2 JavaScript系统内置函数 20
2.3.3 JavaScript自定义函数 22
2.3.4 JavaScript事件 25
2.3.5 JavaScript操作HTML DOM对象 27
习题 30
第3章 jQuery设计基础 31
3.1 jQuery概述 31
3.1.1 jQuery简介 31
3.1.2 jQuery代码的编写 32
3.2 jQuery方法 33
3.3 jQuery选择器 35
3.3.1 jQuery的基本选择器 36
3.3.2 jQuery的层次选择器 38
3.3.3 jQuery的过滤选择器 41
3.3.4 jQuery的表单选择器 43
3.4 jQuery事件处理 45
3.4.1 事件与事件处理 45
3.4.2 jQuery的鼠标事件 47
3.4.3 ＄.each（）方法的循环遍历算法 49
3.5 jQuery自定义插件 51
3.5.1 jQuery自定义插件规范 51
3.5.2 封装jQuery对象级的插件 51
3.5.3 定义类级别插件 53
3.5.4 使用jQuery UI插件 57
3.6 jQuery动画与特效 59
3.6.1 jQuery的特效方法 59
3.6.2 jQuery实现加入购物车飞入动画效果 68
习题 73
第4章 jQuery Mobile基础 74
4.1 jQuery Mobile及程序结构 74
4.1.1 jQuery Mobile简介及下载 74
4.1.2 jQuery Mobile程序基本结构 75
4.2 按钮与多页面结构 77
4.2.1 页面中的按钮 77
4.2.2 按钮的图标 82
4.2.3 多页面结构 83
4.3 对话框 85
4.3.1 页面对话框 85
4.3.2 弹窗对话框 86
4.4 jQuery Mobile的表单元素 88
4.4.1 用户登录界面设计 88
4.4.2 表单的输入元素 90
4.4.3 表单中滑块的控制设计 92
4.4.4 表单的切换开关设计 93
4.5 jQuery Mobile的列表和可折叠内容块 95
4.5.1 jQuery Mobile的列表 95
4.5.2 可折叠内容块 98
习题 101
第5章 Ajax及远程服务器数据处理技术 102
5.1 Ajax技术概述 102
5.1.1 Ajax技术简介 102
5.1.2 Ajax技术的应用 102
5.2 JSON数据 104
5.2.1 JSON数据格式 105
5.2.2 应用Ajax解析JSON数据 106
5.3 Ajax与PHP基础 112
5.3.1 PHP基础 112
5.3.2 jQuery的Ajax方法 117
习题 124
第6章 访问远程数据库 125
6.1 对后台MySQL数据库进行读／写数据操作 125
6.1.1 创建MySQL数据库 125
6.1.2 在PHP服务器端生成JSON数据 125
6.1.3 读取数据库数据 127
6.1.4 把客户端提交的数据写入数据库 128
6.2 网络在线记事本设计 130
6.2.1 首页界面设计 130
6.2.2 记事列表的界面设计 132
6.2.3 记事内容显示页的界面设计 135
6.2.4 数据库设计与连接 137
6.2.5 从数据库中读取记事内容 140
6.2.6 从数据库中读取记事标题列表 144
6.2.7 新建记事内容写入数据库 146
习题 148
第7章 PhoneGap构建跨平台手机APP 149
7.1 PhoneGap跨平台应用框架简介 149
7.2 PhoneGap的开发和测试环境的搭建 149
7.3 生成PhoneGap应用项目框架 151
7.3.1 开发PhoneGap应用项目的一般过程 151
7.3.2 生成PhoneGap应用项目框架结构 151
7.4 编写PhoneGap应用程序 153
7.5 手机APP应用实例：今早新闻 155
7.5.1 项目框架设计 155
7.5.2 主界面设计 157
7.5.3 “今早头条”新闻栏页面设计 160
7.5.4 用PhoneGap封装成手机APP 162
习题 163
第8章 移动Web网站应用实例：在线试衣间 164
8.1 试衣间系统的核心功能 164
8.1.1 页面布局 164
8.1.2 添加选择试衣功能 166
8.1.3 数据来源于远程数据库 169
8.2 在线试衣系统的模块设计 173
8.2.1 在线试衣系统的模块结构 173
8.2.2 注册模块 173
8.2.3 登录模块 176
8.2.4 试衣间主程序模块 179
8.2.5 支付模块 187
习题 190
第9章 移动Web网站应用实例：百度地图服务 191
9.1 百度地图JavaScript API 191
9.1.1 百度地图JavaScript API概述 191
9.1.2 百度地图API重要的类 192
9.2 创建地图视图 193
9.3 百度地图应用 197
9.3.1 测距 197
9.3.2 地图事件 199
9.3.3 驾车导航路线规划 200
9.3.4 步行路线规划 203
9.3.5 用户所在位置定位 204
习题 206
第10章 移动Web网站应用实例：瀑布流设计 207
10.1 瀑布流设计 207
10.1.1 瀑布流设计思路 207
10.1.2 根据页面宽度计算排列图片 208
10.1.3 确定排列图片的最短列 210
10.1.4 自动追加新图片功能 213
10.2 手机APP瀑布流程序示例 223