内容提要 本书内容涵盖基本语法、DOM编程、事件、HTML5相关API应用、本地存储、JSON数据应用、Aja实现等客户端交互制作行业新技术。由浅入深，介绍流行且容易上手的MUI框架技术，实现移动端的开发。设计了由易到难、层次递进的教学项目，并设计实战项目贯穿知识体系，让读者学以致用。 本书每单元内容实现先通过案例任务描述引入问题，然后进行知识介绍，后对任务进行解析及具体实现；以新颖的编写形式呈现给读者。每单元内容都与案例紧密结合，有助于读者理解知识、应用知识、达到学以致用的目的，大大加强读者实践动手作的能力。所选案例具有极强的扩展性，能够给读者以启发，使读者举一反三，实现非常实用的效果。 本书可以作为普通高等职业院校各网页设计课程的教材，也可以作为网页从业人员的培训用书及技术参考书。

郑丽萍，事多年教科研工作，主持品牌子项目《及框架应用》在线课程及项目化课程建设；主持建设谷歌高职地方院校课程教改项目《移动开发》；省级大学生创新项目指导教师；2017年江苏省高等学校微课教学比赛二等奖。主编新形态一体化教材《与jQuery案例教程》。

移动开发

单元1 速览 1

项目导入 1

职业能力目标和要求 1

项目描述：实现名词解析 2

知识准备 2

1.1 简述 2

1.1.1 概要 2

1.1.2 的主要特点 3

1.1.3 相关应用 4

1.2 编程起步 5

1.2.1选择脚本编辑器 5

1.2.2常用的引入脚本的方式 7

1.2.3与用户的交流方式 10

1.2.4 meta视口标签 13

1.2.5程序的调试 14

1.2.6页面结构、表现和行为 18

1.2.7注释语句 19

项目实施 20

任务1. 项目分析 20

任务2. 创建HTML文件 20

任务3. 创建CSS文件，添加样式 21

任务4. 动态效果的实现 22

单元小结 22

课后训练 23

【理论测试】 23

【实训内容】 24

单元 2 语言基础 25

项目导入 25

职业能力目标和要求 25

项目描述：实现猜数字游戏 25

知识准备 27

2.1数据类型 27

2.1.1数字型 27

2.1.2字符串型 28

2.1.3数据类型的隐式转换 30

2.1.4布尔型 30

2.1.5特殊数据类型 31

2.1.6数据类型的显式转换 33

2.2 运算符与表达式 35

2.2.1表达式 35

2.2.2运算符 35

2.3变量 41

2.3.1关键字 41

2.3.2变量的定义与命名 41

2.3.3变量的声明与赋值 42

2.4函数 43

2.4.1自定义函数的定义与调用 43

2.4.2带有返回值的函数 45

2.4.3变量的作用域 47

2.5基本语句 48

2.5.1流程控制语句 48

2.5.2异常处理语句 49

项目实施 49

任务1. 项目分析 49

任务2. 创建HTML文件 49

任务3. 添加样式 49

任务4. 动态效果的实现 49

任务5. 功能拓展 49

单元小结 49

课后训练 49

【理论测试】 49

【实训内容】 49

单元3 常用内置对象 61

项目导入 61

职业能力目标和要求 61

项目3-1描述：实现中国体育彩票11选5，数字跳动展示效果 62

知识准备 62

3.1数组(ARRAY)对象 62

3.1.1新建数组 62

3.1.2动态数组 63

3.1.3数组对象的常用属性与方法 63

3.1.4二维数组 67

3.2数学(MATH)对象 69

3.2.1使用数学对象 70

3.2.2数学对象的属性与方法 70

3.2.3数字的格式化与产生随机数 70

3.2.4定时器函数 70

3.2.5数学对象应用案例 70

项目3-1实施 70

任务1. 项目分析 70

任务2. 页面布局的实现 70

任务3. 添加样式 70

任务4. 动态效果的实现 70

任务5. 程序流程分析 70

任务6. 完整代码展示 70

项目3-2描述：实现猜数字游戏“再来一局”功能和计时展示 70

知识准备 70

3.3日期(DATE)对象 70

3.3.1新建日期 70

3.3.2日期对象的常用属性与方法 70

3.3.3 动态改变元素样式 70

项目3-2实施 70

任务1. 项目分析 70

任务2. 猜数字游戏“再来一局”功能实现 70

任务3. 猜数字游戏计时功能实现 70

项目3-3描述：实现注册表单的验证功能 70

知识准备 70

3.4字符串(STRING)对象 70

3.4.1使用字符串对象 70

3.4.2字符串对象的属性与方法 70

3.4.3字符串对象应用案例 70

3.5 正则表达式 70

3.5.1正则表达式的作用 70

3.5.2创建正则表达式 70

3.5.3正则表达式对象的方法 70

3.5.4 正则表达式中常用符号 70

3.5.5表单应用 70

项目3-3实施 70

任务1. 项目分析 70

任务2. input控件常用正则验证规则分析 70

任务3.用户注册的功能实现 70

单元小结 70

课后训练 70

【理论测试】 70

【实训内容】 70

单元4 DOM编程与本地存储 105

项目导入 105

职业能力目标和要求 105

项目描述：实现猜数字游戏“历史战绩”展示 106

知识准备 106

4.1访问HTMLDOM对象 106

4.1.1获取元素对象的一般方法 108

4.1.2元素的innerTet、innerHTML、outerHTML、outerTet 109

4.1.3修改DOM 110

4.1.4导航节点关系 112

4.1.5 DOM优化 114

4.1.6 DOM事件 114

4.2DOM扩展 114

4.2.1 querySelector()与querySelectorAll() 114

4.2.2 元素的遍历 114

4.2.3 classList属性 114

4.3 JSON简介 114

4.3.1 JSON语法 114

4.3.2 JSON解析和序列化 114

4.4本地存储 114

4.4.1 Web存储（Web Storage）简介 114

4.4.2 Web存储的使用 114

项目实施 114

任务1.项目案例分析 114

任务2 HTML5 Web存储实现猜数字游戏“历史战绩”展示 114

任务3.猜数字游戏拓展：实现展示“历史战绩”功能的封装 114

任务4. 猜数字游戏拓展：列表形式展示“历史战绩” 114

任务5. 猜数字游戏拓展：“历史战绩”展示（通过创建DOM节点） 114

单元小结 114

课后训练 114

【理论测试】 114

【实训内容】 114

单元5 MUI移动端框架初体验 136

项目导入 136

职业能力目标和要求 136

项目描述：基于MUI的移动版猜数字游戏 137

知识准备 138

5.1 MUI移动端框架初体验 138

5.1.1 MUI介绍 138

5.1.2 MUI新项目创建 138

5.2基础布局 142

5.2.1 搭建一个基于MUI的App应用 143

5.2.2 顶部标题栏与主体 144

5.2.3 mGallery-Table(图文表格) 145

5.2.4 MUI-List（列表/图文列表） 146

5.2.5 底部Tab导航的使用 148

5.2.6 badge（数字角标）实现数字展示 151

5.3 MUI选择器及常用方法的使用 153

5.4 事件绑定 155

5.4.1 addEventListener()方法实现事件绑定 156

5.4.2 mui().on()方法实现事件绑定 156

5.4.3 dialog消息框 156

5.5 MUI基础表单 156

5.5.1 button（按钮） 156

5.5.2 input（表单） 156

项目实施 156

任务1. 项目分析 156

任务2. 猜数字游戏主功能页面制作 156

任务3. 猜数字游戏引页制作 156

任务4. 猜数字游戏：打开“历史战绩”页面功能 156

任务5. 猜数字游戏页面拓展：增加游戏记录存储功能 156

任务6. 猜数字游戏“历史战绩”页面制作 156

任务7. 猜数字游戏App的打包 156

单元小结 156

课后训练 156

【实训内容】 156

单元6 MUI移动端框架进阶 178

项目导入 178

职业能力目标和要求 178

项目6-1描述：在线测试系统文章列表页跳转并传值实现对应详情页面展示 179

知识准备 179

6.1 页面管理 179

6.1.1 MUI初始化 179

6.1.2 底部Tab导航实现切换页面：DIV模式 181

6.1.3 底部Tab导航实现切换页面：WebView模式 181

6.1.4 MUI页面间跳转并传值实现详情页面展示 181

项目6-1实施 181

任务1.项目分析 181

任务2. 在线测试系统页面跳转：技术文章列表页的实现 181

任务3. 在线测试系统页面跳转：详情页接受列表页传值 181

任务4. 在线测试系统页面跳转拓展：列表页跳转并传值实现对应文章详情页面展示 181

项目6-2描述：生鲜市购物车实现 181

知识准备 181

6.2 生鲜市App 181

6.2.1 轮播组件的使用实现生鲜市广告轮播效果 181

6.2.2 numbo(数字输入框) 181

项目6-2实施 181

任务1.项目分析 181

任务2.MUI静态布局实现 181

任务3.实现动态列表展示及被选商品总价显示 181

任务4.拓展：增加删除选中商品功能 181

单元小结 181

课后训练 181

【实训内容】 181

【拓展内容】 181

单元7 在线测试系统主体功能 219

项目导入 219

职业能力目标和要求 219

项目描述：实现在线测试系统主体功能 220

知识准备 221

7.1 MUI复选框、单选框的使用 221

7.1.1 复选框 221

7.1.2 获取复选框的值 221

7.1.3 单选框 225

7.1.5 获取单选框的值 226

7.1.5 列表式单选实现 228

7.2 Aja简介 229

7.2.1 mui.aja() 229

7.2.2 Aja简化模式 230

项目实施 230

任务1.在线测试系统：登录验证功能 230

任务2.在线测试系统：测试列表页的实现 233

任务3.在线测试系统：测试页面的实现 235

任务4. 在线测试系统：页面跳转并传值 245

任务5 拓展：Aja应用：实现在线测试系统登录远程验证功能 252

单元小结 256

课后训练 256

【实训内容】 256

^_^:e129255452580416b697e7ac9538e5b8