HTML5 App商业开发实战教程 基于WeX5可视化开发平台PDF电子书下载

第1章 HTML5核心技术 1

1.1 了解HTML5的概念及发展趋势 1

1.1.1 什么是HTML 1

1.1.2 什么是HTML5 2

1.1.3 H5的主要特性 2

1.1.4 H5的发展趋势 3

1.2 H5的基本原理 3

1.3 H5新增的结构元素 4

1.3.1 H5新增元素 4

1.3.2 H5标签语义化 5

1.3.3 H5元素类型 5

1.4 H5 App页面 6

1.4.1 实现案例：一个基本的H5页面 6

1.4.2 实现案例：Hello H5 7

1.4.3 实现案例：H5新元素分栏设计 8

1.5 CSS3技术 10

1.5.1 CSS概念 11

1.5.2 CSS引入方法 11

1.5.3 CSS基本语法 15

1.5.4 CSS选择器 16

1.5.5 CSS盒模型 17

1.5.6 实现案例：CSS Box Model布局 19

1.5.7 CSS3动画 21

1.5.8 实现案例：CSS3动画泡沫按钮 23

1.6 CSS布局 27

1.6.1 CSS定位 27

1.6.2 float详解 29

1.6.3 实现案例：圣杯布局 31

1.7 H5的浏览器支持情况 36

1.8 H5表单 37

1.8.1 应用场景 37

1.8.2 实现案例：验证邮件地址是否合法 37

1.8.3 实现案例：自动弹出日期和时间输入框 40

1.8.4 实现案例：获取光标的位置 42

1.8.5 实现案例：在输入框中显示提示信息 43

1.8.6 实现案例：验证表单内容是否为空 45

1.8.7 实现案例：在输入框中自动提示文本 46

1.8.8 实现案例：上传文件 47

1.8.9 实现案例：验证表单数据是否合法 49

1.9 H5 App多媒体的应用 51

1.9.1 应用场景 51

1.9.2 实现案例：在H5中控制播放的视频 51

1.9.3 实现案例：在H5中控制播放的音频 52

第2章 JavaScript基础 55

2.1 JavaScript入门 55

2.1.1 什么是JavaScript 55

2.1.2 变量 55

2.1.3 语句 56

2.1.4 实现案例：直接写入HTML输出流 56

2.1.5 实现案例：查找HTML元素 56

2.1.6 实现案例：操作HTML元素 57

2.2 JavaScript基础 59

2.2.1 JavaScript函数 59

2.2.2 JavaScript事件 59

2.2.3 实现案例：H5 App捕鱼达人 59

2.3 利用H5绘制图形 67

2.3.1 利用H5 Canvas能做什么？ 67

2.3.2 实现案例：为视频播放器设置截图功能 68

2.4 H5数据存储 69

2.4.1 应用场景 70

2.4.2 实现案例：保存并读取临时数据 70

2.4.3 实现案例：保存并读取登录用户名和密码 74

2.4.4 实现案例：在H5中保存、清空数据记录 77

2.4.5 实现案例：本地存储 78

第3章 初识WeX5 81

3.1 WeX5简介 82

3.1.1 安装及启动 82

3.1.2 开发工具介绍 82

3.2 实战案例：欢乐捕鱼App 84

3.2.1 准备游戏 85

3.2.2 生成App 85

3.2.3 运行App 90

3.2.4 同步训练 90

3.3 H5 App简介 90

3.3.1 开发原理 90

3.3.2 开发过程 91

3.4 实战案例：Hello World App 96

3.4.1 开发App 96

3.4.2 生成App 98

3.4.3 同步训练 100

3.5 实战案例：记账本App 100

3.5.1 开发账目列表页 101

3.5.2 开发记一笔页 104

3.5.3 开发账目分类设置页 110

3.5.4 开发首页 113

3.5.5 生成App 115

3.5.6 同步训练 117

3.6 实战案例：扫一扫App 117

3.6.1 使用扫描二维码插件 117

3.6.2 同步训练 119

3.7 实战案例：仿淘宝App 119

3.7.1 首页 120

3.7.2 商品列表页 123

3.7.3 同步训练 125

第4章 页面组件 127

4.1 页面基础 128

4.1.1 页面构成 128

4.1.2 页面调度 128

4.1.3 页面向导 129

4.1.4 同步训练 130

4.2 组件基础 131

4.2.1 组件的创建 131

4.2.2 组件的属性 132

4.2.3 组件的方法 134

4.2.4 组件的事件 134

4.2.5 组件的样式 135

4.2.6 组件的操作 136

4.3 布局组件 136

4.3.1 面板组件（Panel） 136

4.3.2 标题栏组件（titleBar） 138

4.3.3 多内容页组件（contents） 140

4.3.4 按钮组组件（buttonGroup） 141

4.3.5 嵌入组件（windowContainer） 143

4.3.6 实现案例：首页布局 144

4.3.7 同步训练 147

4.4 数据组件 149

4.4.1 模型组件（model） 149

4.4.2 数据组件（Data） 149

4.4.3 实现案例：使用静态数据 152

4.4.4 同步训练 153

4.5 列表组件 154

4.5.1 列表组件（list） 155

4.5.2 滚动视图组件（scrollView） 156

4.5.3 实现案例：单列列表 157

4.5.4 实现案例：多列列表 158

4.5.5 实现案例：嵌套列表 160

4.5.6 同步训练 162

4.6 行组件 164

4.6.1 行组件row 164

4.6.2 行组件row（bootstrap） 165

4.6.3 实现案例：复杂列表 167

4.6.4 同步训练 170

4.7 表单组件 171

4.7.1 按钮组件（button） 171

4.7.2 输入框组件（input） 173

4.7.3 输出框组件（output） 174

4.7.4 选择框组件（select） 175

4.7.5 复选框组件（checkbox） 176

4.7.6 实现案例：购物车 178

4.7.7 同步训练 180

第5章 页面代码 183

5.1 JavaScript基础 183

5.1.1 声明模块引用 185

5.1.2 JavaScript类定义 185

5.1.3 自定义JavaScript模块 185

5.2 JavaScript表达式 186

5.2.1 实现案例：绑定表达式 186

5.2.2 实现案例：过滤表达式 187

5.2.3 实现案例：规则表达式 188

5.2.4 表达式环境变量及上下文对象 190

5.2.5 同步训练 191

5.3 常用JavaScript 192

5.3.1 使用页面调度框架 192

5.3.2 获取组件JavaScript对象 192

5.3.3 获取上下文对象 192

5.3.4 操作数据组件 192

5.3.5 操作DOM 194

5.3.6 同步训练 194

5.4 JavaScnpt调试 196

5.4.1 调试开发者写的JavaScript代码 196

5.4.2 调试系统的JavaScript代码 198

5.4.3 Chrome浏览器开发者工具的使用 200

第6章 页面样式 205

6.1 样式基础 205

6.2 常用CSS 205

6.2.1 排版 205

6.2.2 表单 207

6.2.3 图片 208

6.2.4 卡片风格样式 209

6.3 CSS调试 210

6.3.1 设置样式 210

6.3.2 同步训练 212

第7章 App开发 215

7.1 App调用设备硬件 215

7.1.1 使用Cordova插件 216

7.1.2 常用Cordova插件 218

7.1.3 同步训练 222

7.2 App组成 222

7.2.1 应用图标 222

7.2.2 启动页 222

7.2.3 引导页 223

7.2.4 Android证书 224

7.2.5 iOS证书 224

7.2.6 Web View 225

7.2.7 Cordova插件 226

7.3 App安装包 226

7.3.1 创建本地App 227

7.3.2 生成本地App包 233

7.3.3 同步训练 235

7.4 App调试 235

7.4.1 调试Android App 235

7.4.2 调试iOS App 236

7.5 云部署 237

7.5.1 注册、登录CloudX5 237

7.5.2 在CloudX5上部署App 238

7.5.3 同步训练 243

第8章 项目实战 245

8.1 理财应用 245

8.1.1 应用说明 245

8.1.2 功能说明 245

8.2 挂号应用 249

8.2.1 应用说明 249

8.2.2 功能说明 249

附录 仿微店App页面介绍 255

参考文献 257