本书系统地介绍了JavaScript的相关知识,主要内容包括JavaScript简介、JavaScript基本语法、DOM编程、BOM编程、JavaScript对象编程、JavaScript网页特效、ES6的新特性、jQuery基础及使用jQuery实现页面特效等。
本书按照“项目导向,任务驱动,理论实践一体化”的方法,针对“客户端交互特效制作”能力,将知识讲解、技能训练和能力提高有机结合,内容组织突出“以用为本,学以致用,综合应用”,化解知识难点,提高读者学习效率。通过学习本书,读者能够掌握常见的网页特效,能够制作精美且具备良好交互效果的网页。
本书可作为高职院校相关专业师生的网页特效设计课程的参考,也可作为网页特效设计班的培训用户和网站开发从业者的自学参考书。
1.内容丰富、组织合理
本书按照由浅入深的顺序,结合职业教育背景下的软件技术专业学生的特点,以碎片化“知识点”为单元,采用案例驱动、项目导向,通过理论与实践相结合的方式,便于读者在学习知识的同时进行项目实践。
2.结合实际、突出实践
本书由企业工程师精心设计了大量示例和项目实训,体现了“教、学、做一体化”的思想,方便读者快速上手,培养读者实际操作的动手能力。示例和项目实践有详细的代码说明和实践步骤解释。
3.资源丰富、立体教学
本书配备了丰富的立体化教学资源,包括教学课件、微课、电子教案、案例代码、实训项目指导等。
4.校企合作“双元”模式优质教材
本书由成都中慧科技有限公司组织,邀请实战经验丰富的IT技术专家参与教材建设,将前沿的技术引入到教材中,保证内容新颖实用。教材主编积累了丰富的教学经验,他们依据先进的教育理念,结合国内职业院校实际教学情况以及学生专业水平,基于不同的教学情境,开发出新一代信息技术优质教材。
卢淑萍,副教授,广东科学技术职业学院移动应用开发专业副主任。主持1门省级精品在线开放课程,主编1部“十三五”国家规划教材、1部参编教材,拥有软件著作权8项,多次获得广东省教学能力大赛省一等奖。
陈玲,副教授,具有丰富的网页脚本语言、面向对象程序设计等一线授课经验,主持主研省市校科研教改课题十余项,编写教材2本,拥有软件著作权1项,获四川省职业院校教师教学能力大赛(高职组)省二等奖。
吴鹃,副教授,具有丰富的数字图像处理方面的软件开发经验和一线授课经验,主持开发了多个软件管理平台的项目,授权实用新型专利1项,核心论文11篇。
王玉贤,广东松山职业技术学院计算机与信息工程学院院长,广东省优秀共产党员。主要研究方向有软件开发与测试、大数据应用研究、云计算。发表论文16篇,主持或参与省级以上项目20多项,主编或参编教材5本。
钱新杰,副教授,具有多年的软件开发经验和一线授课经验,主持开发多个信息管理系统,主持获得省级教学成果奖二等奖1项,主持主研省市级课题7项,授权实用新型专利2项,论文多篇。
目录
第 1章
JavaScript简介 1
任务1.1 认识JavaScript 1
任务1.2 搭建JavaScript开发环境 2
任务1.3 在页面输出你最喜欢的运动 5
【本章小结】 7
【本章习题】 7
第 2章
JavaScript基本语法 8
任务2.1 查看变量的数据类型 8
任务2.2 使用条件语句实现分时问候 14
任务2.3 使用循环语句输出乘法口诀表 17
任务2.4 使用数组制作导航条 20
任务2.5 使用函数制作简易计算器 22
任务2.6 使用对象制作自定义表格 25
任务2.7 任务拓展 27
【本章小结】 30
【本章习题】 30
第3章
DOM编程 32
任务3.1 使用document对象实现复选框全选效果 32
任务3.2 使用Core DOM动态添加表格 37
任务3.3 使用HTML DOM动态添加表格 44
任务3.4 任务拓展 47
【本章小结】 49
【本章习题】 50
第4章
BOM编程 52
任务4.1 使用window对象实现倒计时效果 52
任务4.2 使用本地存储实现登录注册效果 55
任务4.3 任务拓展 60
【本章小结】 62
【本章习题】 62
第5章
JavaScript对象编程 64
任务5.1 使用构造函数和原型对象实现选项卡效果 64
任务5.2 使用数组输出导航菜单 71
任务5.3 使用正则表达式验证注册页信息 78
任务5.4 任务拓展 87
【本章小结】 89
【本章习题】 89
第6章
JavaScript网页特效 91
任务6.1 使用display属性实现图片轮显效果 91
任务6.2 使用offset系列属性实现放大镜效果 98
任务6.3 使用scroll系列属性实现固定顶部菜单效果 108
任务6.4 任务拓展 112
【本章小结】 114
【本章习题】 114
第7章
ES6的新特性 117
任务7.1 使用箭头函数实现简易计算器 117
任务7.2 使用ES6实现绚丽小球效果 126
任务7.3 使用ES6实现商品查询效果 132
任务7.4 任务拓展 144
【本章小结】 146
【本章习题】 146
第8章
jQuery基础 147
任务8.1 体验jQuery程序 147
任务8.2 使用选择器实现列表的展开与收起效果 149
任务8.3 任务拓展 159
【本章小结】 161
【本章习题】 161
第9章
使用jQuery实现页面特效 164
任务9.1 使用增加和删除节点的方法实现购物车中商品的增删效果 164
任务9.2 使用事件实现导航菜单效果 173
任务9.3 使用动画实现轮播图效果 180
任务9.4 任务拓展 189
【本章小结】 191
【本章习题】 192
第 10章
制作个人简历网站 194
任务10.1 项目介绍 194
任务10.2 需求分析 194
任务10.3 项目设计 195
任务10.4 项目实施 200
【本章小结】 229