电子书
内容简介
本书系统地介绍JavaScript交互式网页设计的相关知识和技术。以典型工作任务为载体，以HTML5、CSS3和JavaScript为技术支撑，将关键知识和技术融入8个单元之中，具体包括理解JavaScript脚本语言、设计网页换肤效果、设计网站的二级导航效果、设计公告栏信息滚动效果、设计模态对话框效果、设计网页轮播图效果、设计表单校验效果和设计网页抽奖器。 本书可作为高职院校计算机相关专业的JavaScript交互式网页设计教材，也可作为JavaScript爱好者或培训机构Web技术培训的参考书。
章节目录
- A-fy
- 60342-bq
- C-qy
- D-ml
- 目录 CONTENTS
- 01
- 单元1
- 理解JavaScript脚本语言
- 1.1 任务描述
- 1.2 任务分析与设计
- 1.2.1 JavaScript在Web中的地位和作用
- 1.2.2 JavaScript学习路线
- 1．什么是Web
- 2．HTML知识
- 3．CSS知识
- 4．JavaScript的核心特性
- 5．JavaScript的对象操作技术
- 6．JavaScript的事件驱动技术
- 7．JavaScript的Web应用技术
- 1.3 关键知识和技术——搭建开发环境
- 1.3.1 什么是JavaScript
- 1．ECMAScript（核心部分）
- 2．DOM
- 3．BOM
- 1.3.2 在HTML中使用JavaScript
- 1.在HTML文档中嵌入脚本
- 2．引入外部文件的JavaScript脚本
- 3.在HTML标签的事件中嵌入脚本
- 4．引入模块的脚本
- 5．延迟执行的脚本
- 6．异步执行的脚本
- 7．动态加载的脚本
- 1.3.3 浏览器渲染Web页面的过程
- 1．生成DOM树
- 2．构建Render树
- 3．布局Render树
- 4．绘制Render树
- 1.3.4 浏览器中的开发者工具
- 1．启动开发者工具
- 2．认识开发者工具的选项卡及其功能
- 3．查看HTML或CSS的元素——Elements选项卡
- 4．调试脚本——Sources选项卡
- 5．查看信息和操作对象——Console选项卡
- 1.3.5 利用Node.js安装http-server服务器
- 1．下载并安装Node.js
- 2．安装并启动http-server服务器
- 1.4 任务实现
- 1.4.1 认识JavaScript词法符号
- 1．字符集
- 2．大小写敏感性
- 3．空格、制表符和换行符
- 4．可选的分号
- 5．注释与文本换行符
- 6．标识符
- 7．关键字和保留字
- 1.4.2 认识JavaScript数据类型
- 1．Boolean
- 2．Null
- 3．Undefined
- 4．Number
- 5．BigInt
- 6．String
- 7．Symbol
- 8．Object
- 1.4.3 认识JavaScript变量
- 1．什么是变量
- 2．使用var定义变量
- 3．使用let定义变量
- 4．变量的赋值
- 5．变量的作用域
- 1.4.4 认识JavaScript常量
- 1．符号常量
- 2．数字字面量
- 3．bigint字面量
- 4．字符串字面量
- 5．布尔字面量
- 6．空字面量
- 7．未定义值字面量
- 8．函数字面量
- 9．数组字面量
- 10．对象字面量
- 11．正则表达式字面量
- 1.4.5 认识JavaScript运算符
- 1．算术运算符
- 2．赋值运算符
- 3．关系运算符
- 4．逻辑运算符
- 5．字符串运算符
- 6．其他运算符
- 7．运算符优先级
- 1.4.6 认识JavaScript表达式
- 1．算术表达式
- 2．字符串表达式
- 3．关系表达式
- 4．逻辑表达式
- 5．条件表达式
- 6．赋值表达式
- 7．表达式计算
- 8．数据类型转换
- 1.4.7 认识JavaScript语句
- 1．if语句
- 2．if...else语句
- 3．switch语句
- 4．for语句
- 5．while语句
- 6．do...while语句
- 7．for...in语句
- 8．for … of语句
- 9．label语句
- 10．break语句
- 11．continue语句
- 12．throw语句
- 13．try...catch语句
- 14．try...catch...finally语句
- 15．空语句
- 16．声明语句
- 17．return语句
- 18．export语句
- 19．import语句
- 1.5 任务拓展——配置ECMAScript 6兼容环境
- 1.5.1 了解JavaScript的常用扩展库、常用框架和衍生语言
- 1．常用扩展库
- 2．常用框架
- 3．衍生语言
- 1.5.2 了解ECMAScript 6的新特性
- 1.5.3 配置ECMAScript 6的兼容环境
- 1．创建项目文件夹
- 2．创建package.json配置文件
- 3．安装依赖包
- 4．安装语法转换器插件
- 5．配置Babel的使用环境
- 6．运行命令，编译JavaScript脚本文件
- 1.6 课后训练
- 02
- 单元2
- 设计网页换肤效果
- 2.1 任务描述
- 2.2 任务分析与设计
- 2.3 关键知识和技术——DOM和本地存储
- 2.3.1 HTML DOM的节点类型
- 2.3.2 HTML DOM节点的层级关系
- 2.3.3 DOM对象的继承关系
- 2.3.4 操作DOM节点
- 1．获取节点
- 2．追加和新增节点
- 3．删除和替换节点
- 4．复制和合并节点
- 5．节点引用和包含关系的判断
- 2.3.5 操作HTML元素
- 1．利用document对象的属性获取元素
- 2．利用document对象的方法获取元素
- 3．利用document对象的方法创建元素
- 4．利用document对象的方法向文档中写入内容
- 5．利用Element对象的方法获取元素
- 6．利用Element对象的方法操作元素属性
- 7．利用Element对象的方法插入节点
- 2.3.6 本地数据存储方案
- 1．认识Web Storage
- 2．使用localStorage
- 2.4 任务实现
- 2.4.1 编写HTML文件
- 1．创建站点
- 2．编写index.html文件
- 2.4.2 编写CSS文件
- 1．进行CSS初始化
- 2．编写样式表文件default.css
- 3．编写其他样式表文件
- 2.4.3 编写JavaScript脚本文件
- 2.5 任务拓展——设计网页文字的缩放效果
- 2.5.1 任务描述
- 2.5.2 任务要求
- 2.6 课后训练
- 03
- 单元3
- 设计网站的二级导航效果
- 3.1 任务描述
- 3.2 任务分析与设计
- 3.2.1 导航的表现形式
- 1．顶部导航
- 2．侧边导航
- 3．底部导航
- 4．汉堡式导航
- 5．面包屑导航
- 6．滚动式导航
- 3.2.2 导航的设计流程
- 1．整理导航的内容
- 2．确定导航的风格
- 3．选出最优的设计
- 3.3 关键知识和技术——CSS和DOM事件
- 3.3.1 获取元素的计算样式
- 3.3.2 设置元素的行内样式
- 3.3.3 操作CSS类样式
- 3.3.4 操作CSS样式表
- 3.3.5 认识元素的尺寸和位置
- 1．偏移尺寸和位置
- 2．客户端尺寸
- 3．滚动尺寸和位置
- 3.3.6 认识DOM事件
- 3.3.7 事件处理程序
- 1．DOM0级事件处理程序
- 2．DOM2级事件处理程序
- 3．DOM3级事件处理程序
- 3.3.8 事件对象
- 1．Event对象的属性和方法
- 2．获取Event对象及目标元素
- 3．阻止事件冒泡和默认行为
- 3.3.9 事件类型
- 1．Event事件
- 2．UI事件
- 3．鼠标事件
- 4．键盘事件
- 5．拖放事件
- 6．客户事件
- 7．其他事件
- 3.3.10 事件模拟
- 1．模拟事件
- 2．自定义事件
- 3.3.11 事件委托
- 3.4 任务实现
- 3.4.1 编写HTML文件
- 1．创建站点
- 2．编写index.html文件
- 3.4.2 编写CSS文件
- 3.4.3 编写JavaScript脚本文件
- 3.5 任务拓展——设计网页选项卡效果
- 3.5.1 任务描述
- 3.5.2 任务要求
- 3.6 课后训练
- 04
- 单元4
- 设计公告栏信息滚动效果
- 4.1 任务描述
- 4.2 任务分析与设计
- 4.2.1 滚动原理
- 4.2.2 设计流程
- 4.3 关键知识和技术——函数和BOM
- 4.3.1 认识函数
- 1．什么是函数
- 2．函数声明
- 3．函数调用
- 4．函数作用域
- 5．函数提升
- 6．函数的属性和方法
- 4.3.2 函数的参数与返回值
- 1．参数默认值
- 2．arguments类数组对象
- 3．剩余参数
- 4．展开运算符
- 5．参数解构
- 6．函数的参数也是函数
- 7．函数返回值
- 4.3.3 箭头函数
- 1．使用箭头函数声明函数
- 2．箭头函数的主要特征
- 4.3.4 闭包函数
- 1．什么是闭包函数
- 2．闭包函数的实现
- 4.3.5 递归函数
- 1．什么是递归函数
- 2．尾调用优化
- 4.3.6 全局函数
- 1．encodeURI()函数
- 2．decodeURI()函数
- 3．parseInt()函数
- 4．parseFloat()函数
- 5．isNaN()函数
- 6．eval()函数
- 7．isFinte()函数
- 4.3.7 认识BOM
- 4.3.8 window对象
- 4.3.9 location对象
- 4.3.10 navigator对象
- 4.3.11 screen对象
- 4.3.12 history对象
- 4.4 任务实现
- 4.4.1 编写HTML文件
- 1．创建站点
- 2．编写index.html文件
- 4.4.2 编写CSS文件
- 4.4.3 编写JavaScript脚本文件
- 4.5 任务拓展——设计公告栏信息垂直滚动效果
- 4.5.1 任务描述
- 4.5.2 任务要求
- 4.6 课后训练
- 05
- 单元5
- 设计模态对话框效果
- 5.1 任务描述
- 5.2 任务分析与设计
- 5.2.1 模态对话框的实现原理
- 5.2.2 模态对话框的构成要素
- 1．标题
- 2．按钮
- 3．主体内容
- 5.2.3 模态对话框类设计
- 1．规划模态对话框选项default
- 2．创建模态对话框的构造函数
- 3．封装对话框的公共属性和方法
- 4．编写构造函数中的初始化函数
- 5．封装执行代码
- 5.3 关键知识和技术——面向对象编程
- 5.3.1 认识面向对象
- 1．面向对象编程概念
- 2．面向对象的特性
- 3．JavaScript面向对象
- 5.3.2 认识JavaScript对象
- 1．JavaScript对象的概念
- 2．JavaScript内置对象
- 3．对象属性
- 4．对象方法
- 5．this关键字
- 5.3.3 构造函数
- 1．内置构造函数
- 2．自定义构造函数
- 3．定义静态属性和方法
- 5.3.4 原型对象
- 1．原型对象、构造函数和实例之间的关系
- 2．重写原型对象
- 3．原生对象原型
- 5.3.5 创建对象
- 1．使用对象字面量创建
- 2．使用构造函数创建
- 3．使用原型对象创建
- 4．混合使用构造函数和原型对象创建对象
- 5．使用Object.create()方法创建对象
- 5.3.6 管理对象
- 1．保护对象
- 2．合并对象
- 3．对象代理
- 5.3.7 配置对象
- 5.3.8 原型链
- 1．获取对象的原型对象
- 2．获取原型对象的原型对象
- 3．获取函数的原型对象
- 5.3.9 对象继承
- 1．继承起步
- 2．创建空对象
- 3．原型式继承
- 4．类式继承
- 5．寄生式组合继承
- 5.3.10 JavaScript类
- 1．定义类
- 2．定义类构造函数
- 3．定义类方法
- 4．实例化类
- 5．继承类
- 5.3.11 内置对象
- 5.4 任务实现
- 5.4.1 编写HTML文件
- 1．创建站点
- 2．编写index.html文件
- 5.4.2 编写CSS文件
- 5.4.3 编写JavaScript脚本文件
- 5.5 任务拓展——设计基于类的模态对话框效果
- 5.5.1 任务描述
- 5.5.2 任务要求
- 5.6 课后训练
- 06
- 单元6
- 设计网页轮播图效果
- 6.1 任务描述
- 6.2 任务分析与设计
- 6.2.1 动画原理
- 6.2.2 轮播效果的实现过程
- 6.3 关键知识和技术——JavaScript动画
- 6.3.1 JavaScript动画实现技术
- 1．定期绘图
- 2．清除绘图
- 6.3.2 使用CSS绘图
- 1．视口
- 2．网页坐标系
- 3．盒模型
- 4．元素位置
- 5．元素尺寸
- 6．元素显示类型
- 7．CSS3绘图属性
- 6.3.3 使用canvas绘图
- 6.4 任务实现
- 6.4.1 编写HTML文件
- 1．创建站点
- 2．编写index.html文件
- 6.4.2 编写CSS文件
- 6.4.3 编写JavaScript脚本文件
- 6.5 任务拓展——设计手风琴图片切换效果
- 6.5.1 任务描述
- 6.5.2 任务要求
- 6.6 课后训练
- 07
- 单元7
- 设计表单校验效果
- 7.1 任务描述
- 7.2 任务分析与设计
- 7.2.1 分析表单校验任务
- 1．明确校验数据的规则
- 2．确定表单的行为方式
- 3．了解能为用户提供的帮助
- 7.2.2 设计表单校验任务
- 7.3 关键知识和技术——正则表达式和表单校验
- 7.3.1 认识正则表达式
- 1．字符类
- 2．量词
- 3．组和范围
- 4．断言
- 7.3.2 正则表达式的使用方法
- 1．RegExp.exec()
- 2．RegExp.test()
- 3．String.replace()
- 4．String.match()
- 5．String.search()
- 6．String.split()
- 7.3.3 HTML5表单校验属性和事件
- 1．form表单属性
- 2．input表单域属性
- 3．表单验证事件
- 7.3.4 CSS3表单校验伪类选择器
- 7.3.5 JavaScript调用约束校验API
- 1．约束校验API方法
- 2．约束校验API属性
- 3．input元素的有效性属性validity
- 7.4 任务实现
- 7.4.1 编写HTML文件
- 1．创建站点
- 2．编写index.html文件
- 7.4.2 编写CSS文件
- 7.4.3 编写JavaScript脚本文件
- 7.5 任务拓展——设计登录表单校验效果
- 7.5.1 任务描述
- 7.5.2 任务要求
- 7.6 课后训练
- 08
- 单元8
- 设计网页抽奖器
- 8.1 任务描述
- 8.2 任务分析与设计
- 8.2.1 抽奖算法
- 1．随机区间法
- 2．自增匹配法
- 8.2.2 设计抽奖功能
- 8.3 关键知识和技术——JavaScript数组
- 8.3.1 认识JavaScript数组
- 1．创建数组
- 2．访问数组元素
- 3．数组长度
- 4．多维数组
- 8.3.2 数组的基本操作
- 1．添加数组元素
- 2．删除数组元素
- 3．修改数组元素
- 4．填充数组
- 5．复制数组
- 6．检索数组
- 7．合并数组
- 8.3.3 数组的函数式编程
- 1．数组排序
- 2．查找元素
- 3．遍历数组
- 4．映射数组
- 5．过滤数组
- 6．检测数组
- 7．化简数组
- 8.4 任务实现
- 8.4.1 编写HTML文件
- 1．创建站点
- 2．编写index.html文件
- 8.4.2 编写CSS文件
- 8.4.3 编写JavaScript脚本文件
- 8.5 任务拓展——设计手机号码滚动抽奖器
- 8.5.1 任务描述
- 8.5.2 任务要求
- 8.6 课后训练
- 09-ck
- 参考文献
展开全部
JavaScript交互式网页设计（微课版）是2023年由人民邮电出版社出版,作者孙文江。
版权说明：本电子书已获得正版授权，由出版社通过知传链发行。
得书感谢您对《JavaScript交互式网页设计（微课版）》关注和支持，如本书内容有不良信息或侵权等情形的，请联系本网站。
