基本信息
作者简介:
郑丽萍,事多年教科研工作,主持品牌专业子项目《JavaScript及框架应用》在线课程及项目化课程建设;主持建设谷歌高职地方院校课程教改项目《JavaScript移动开发》;省级大学生创新项目指导教师;2017年江苏省高等学校微课教学比赛二等奖。主编新形态一体化教材《JavaScript与jQuery案例教程》。
内容提要:
内容提要本书内容涵盖JavaScript基本语法、DOM编程、事件、HTML5相关API应用、本地存储、JSON数据应用、Ajax实现等客户端交互 制作行业新技术。由浅入深,介绍流行且容易上手的MUI框架技术,实现JavaScript移动端的开发。设计了由易到难、层次递进的教学项目,并设计实战项目贯穿知识体系,让读者学以致用。
本书每单元内容实现先通过案例任务描述引入问题,然后进行知识介绍, 对任务进行解析及具体实现;以新颖的编写形式呈现给读者。每单元内容都与案例紧密结合,有助于读者理解知识、应用知识、达到学以致用的目的,大大加强读者实践动手操作的能力。所选案例具有极强的扩展性,能够给读者以启发,使读者举一反三,实现 实用的效果。 本书可以作为普通高等职业院校各专业网页 设计课程的教材,也可以作为网页从业人员的培训用书及技术参考书。
......
目录:
单元1 JAVASCRIPT速览1
项目导入1
职业能力目标和要求1
项目描述:实现名词解析2
知识准备2
1.1JavaScript简述2
1.1.1JavaScript概要2
1.1.2JavaScript的主要特点3
1.1.3JavaScript相关应用4
1.2JavaScript 编程起步5
1.2.1选择JavaScript脚本编辑器5
1.2.2常用的引入JavaScript脚本的方式7
1.2.3与用户的交流方式10
1.2.4meta视口标签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 JAVASCRIPT语言基础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.5JAVASCRIPT正则表达式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
单元4DOM编程与本地存储105
项目导入105
职业能力目标和要求105
项目描述:JavaScript实现猜数字游戏“历史战绩”展示106
知识准备106
4.1访问HTMLDOM对象106
4.1.1获取元素对象的一般方法108
4.1.2元素的innerText、innerHTML、outerHTML、outerText109
4.1.3修改DOM110
4.1.4导航节点关系112
4.1.5DOM优化114
4.1.6DOM事件114
4.2DOM扩展114
4.2.1querySelector()与querySelectorAll()114
4.2.2元素的遍历114
4.2.3classList属性114
4.3JSON简介114
4.3.1JSON语法114
4.3.2JSON解析和序列化114
4.4本地存储114
4.4.1Web存储(Web Storage)简介114
4.4.2Web存储的使用114
项目实施114
任务1.项目案例分析114
任务2HTML5 Web存储实现猜数字游戏“历史战绩”展示114
任务3.猜数字游戏拓展:实现展示“历史战绩”功能的封装114
任务4.猜数字游戏拓展:列表形式展示“历史战绩”114
任务5.猜数字游戏拓展:“历史战绩”展示(通过创建DOM节点)114
单元小结114
课后训练114
【理论测试】114
【实训内容】114
单元5MUI移动端框架初体验136
项目导入136
职业能力目标和要求136
项目描述:基于MUI的移动版猜数字游戏137
知识准备138
5.1MUI移动端框架初体验138
5.1.1MUI介绍138
5.1.2MUI新项目创建138
5.2基础布局142
5.2.1搭建一个基于MUI的App应用143
5.2.2顶部标题栏与主体144
5.2.3mGallery-Table(图文表格)145
5.2.4MUI-List(列表/图文列表)146
5.2.5底部Tab导航的使用148
5.2.6badge(数字角标)实现数字展示151
5.3MUI选择器及常用方法的使用153
5.4事件绑定155
5.4.1addEventListener()方法实现事件绑定156
5.4.2mui().on()方法实现事件绑定156
5.4.3dialog消息框156
5.5MUI基础表单156
5.5.1button(按钮)156
5.5.2input(表单)156
项目实施156
任务1.项目分析156
任务2.猜数字游戏主功能页面制作156
任务3.猜数字游戏引页制作156
任务4.猜数字游戏:打开“历史战绩”页面功能156
任务5.猜数字游戏页面拓展:增加游戏记录存储功能156
任务6.猜数字游戏“历史战绩”页面制作156
任务7.猜数字游戏App的打包156
单元小结156
课后训练156
【实训内容】156
单元6MUI移动端框架进阶178
项目导入178
职业能力目标和要求178
项目6-1描述:在线测试系统文章列表页跳转并传值实现对应详情页面展示179
知识准备179
6.1页面管理179
6.1.1MUI初始化179
6.1.2底部Tab导航实现切换页面:DIV模式181
6.1.3底部Tab导航实现切换页面:WebView模式181
6.1.4MUI页面间跳转并传值实现详情页面展示181
项目6-1实施181
任务1.项目分析181
任务2.在线测试系统页面跳转:技术文章列表页的实现181
任务3.在线测试系统页面跳转:详情页接受列表页传值181
任务4.在线测试系统页面跳转拓展:列表页跳转并传值实现对应文章详情页面展示181
项目6-2描述:生鲜超市购物车实现181
知识准备181
6.2生鲜超市App181
6.2.1轮播组件的使用实现生鲜超市广告轮播效果181
6.2.2numbox(数字输入框)181
项目6-2实施181
任务1.项目分析181
任务2.MUI静态布局实现181
任务3.JavaScript实现动态列表展示及被选商品总价显示181
任务4.拓展:增加删除选中商品功能181
单元小结181
课后训练181
【实训内容】181
【拓展内容】181
单元7在线测试系统主体功能219
项目导入219
职业能力目标和要求219
项目描述:实现在线测试系统主体功能220
知识准备221
7.1MUI复选框、单选框的使用221
7.1.1复选框221
7.1.2JavaScript获取复选框的值221
7.1.3单选框225
7.1.5JavaScript获取单选框的值226
7.1.5列表式单选实现228
7.2Ajax简介229
7.2.1mui.ajax()229
7.2.2Ajax简化模式230
项目实施230
任务1.在线测试系统:登录验证功能230
任务2.在线测试系统:测试列表页的实现233
任务3.在线测试系统:测试页面的实现235
任务4.在线测试系统:页面跳转并传值245
任务5拓展:Ajax应用:实现在线测试系统登录远程验证功能252
单元小结256
课后训练256
【实训内容】256
......
精 彩 页: