JavaScript+jQuery Web开发案例教程

全栈工程师团队精心打磨,Web前端开发新形态精品教材,配套在线实训平台与丰富教辅资源,助力读者快速提升实战能力。
分享 推荐 9 收藏 124 阅读 9.7K
温谦 (作者) 978-7-115-57753-5

关于本书的内容有任何问题,请联系 人邮社 王宣

(1)编排丰富实战案例,可扫前言二维码进行快速预览。
(2)提供在线实训平台(http://code.artech.cn),支撑随时开展全书案例实战演练。
(3)开源分阶实战项目(http://www.geekfun.website),助力不同层次读者(学生)获取企业实战项目开发能力。
(4)配套多类教辅资源,包含文本类、视频类(微课视频)、案例类、平台类等。
(5)建立教师服务与交流群(QQ群号:368845661),立体化服务院校教师教学。

特别说明

为了使本书中的案例作用最大化,我们专门为其提供了“在线实训平台”(http://code.artech.cn)。该平台的具体功能介绍如下。

【在线实训平台】功能:
(1)教师可以利用该平台,在上课过程中直接演练(展示)书中的所有案例,并可通过实时的运行结果同步讲解相关知识点和技能。
(2)师生可以通过该平台观看全书导学、原理讲解、案例讲解等视频,配合实操演练,随时随地进行学习,支持开展线上线下混合式教学。
(3)学生可以在课前或课后通过该平台,实操练习书中的所有案例,实时查看代码运行结果,而且所有案例代码均支持复制与还原。
(4)学生还可以通过该平台实操练习各章课后的实操题,并可通过微信分享功能,将实操的结果分享给其他人,如分享给老师进行审阅。

说明:扫描“从书序中的二维码”可以了解该平台的具体使用方法,教师也可通过“教师用书指导手册”了解该平台的具体操作步骤。

内容摘要

→ 随着互联网技术的不断发展,JavaScript语言及其相关技术越来越受到人们的关注,同时JavaScript框架也层出不穷。jQuery作为JavaScript框架中的优秀代表,为广大开发者提供了诸多便利,持久地占据着Web开发技术中的重要位置。
→ 本书内容翔实、结构框架清晰、讲解循序渐进,共分上下两篇。上篇为JavaScript程序开发(共8章),以ES6为标准,讲解了JavaScript的基础概念、程序控制流、函数、对象、集合、ES6中引入的类操作以及背后的原型链等核心知识,同时介绍了通过原生API访问DOM的方法。此外,在第8章中讲解了一个完整的渐进式综合案例的开发,在综合案例中通过反复迭代,不断改进内部逻辑,给读者提供了一个透彻理解Web开发实践的示范。下篇为jQuery程序开发(共10章),通过丰富的案例详细讲解了jQuery框架的相关技术,主要包括jQuery的基础、如何使用jQuery控制页面、制作动画与特效、简化AJAX操作以及jQuery插件等。本书讲解的重点在于简化JavaScript程序开发的步骤,注重实例之间的对比与递进,充分展示了jQuery所带来的变化。最后通过综合案例,让读者进一步巩固所学知识,提高综合应用所学知识的能力。
→ 本书既可以作为高等院校相关专业的网页设计与制作、前端开发等课程的教材,也可以作为JavaScript、jQuery初学者的入门用书,还可以作为高级用户进一步学习相关语言与框架的参考资料。

详情页

目录

## 章名目录

【上篇】 JavaScript程序开发
第1章 JavaScript简介
第2章 JavaScript基础
第3章 程序控制流与函数
第4章 JavaScript中的对象
第5章 在JavaScript中使用集合
第6章 类与原型链
第7章 DOM
第8章 综合案例一:以迭代方式开发计算器

【下篇】 jQuery程序开发
第9章 jQuery基础
第10章 jQuery选择器与管理结果集
第11章 使用jQuery控制DOM
第12章 jQuery事件
第13章 jQuery的功能函数
第14章 jQuery与AJAX
第15章 jQuery制作动画与特效
第16章 jQuery插件
第17章 综合案例二:网页留言本
第18章 综合案例三:网页图片剪裁器


## 详细目录

【上篇】 JavaScript程序开发

第1章 JavaScript简介
1.1 程序设计语言与JavaScript 02
1.2 JavaScript的起源、发展与标准化 06
1.2.1 起源 06
1.2.2 博弈与发展 07
1.2.3 标准的制定 07
1.3 JavaScript的组成 08
1.3.1 ECMAScript 08
1.3.2 DOM 08
1.3.3 BOM 09
1.3.4 新的开始 09
1.4 Web标准 10
1.4.1 Web标准概述 10
1.4.2 结构、表现、行为的分离 11
1.4.3 前/后端分离成为Web页面开发的主流模式 12
本章小结 13
习题1 13

第2章 JavaScript基础
2.1 JavaScript的基本语法 14
2.2 使用VS Code编写第一个包含JavaScript代码的页面 16
2.2.1 创建基础的HTML文件 16
2.2.2 编写JavaScript代码 17
2.2.3 在浏览器中查看与调试代码 18
2.3 关键字与保留字 20
2.4 变量 21
2.5 数据类型 23
2.5.1 数值型 23
2.5.2 字符串型 24
2.5.3 布尔型 27
2.5.4 数据类型转换 28
2.5.5 数组 30
本章小结 34
习题2 34

第3章 程序控制流与函数
3.1 顺序结构:赋值语句与表达式 35
3.2 分支结构:条件语句 37
3.2.1 比较运算符 37
3.2.2 逻辑运算符 37
3.2.3 if语句 38
3.2.4 switch语句 39
3.3 循环语句 41
3.3.1 while语句 41
3.3.2 do…while语句 41
3.3.3 for语句 42
3.3.4 break和continue语句 43
3.3.5 实例:九九乘法表 45
3.3.6 for…of语句 46
3.3.7 for…in语句 47
3.4 函数 48
3.4.1 定义函数的基本方法 48
3.4.2 arguments对象 50
3.4.3 实例:杨辉三角 51
3.4.4 变量的作用域 53
3.4.5 函数作为函数的参数 55
3.4.6 箭头函数 57
3.5 异常处理 58
本章小结 60
习题3 61

第4章 JavaScript中的对象
4.1 理解对象的含义 62
4.1.1 理解常见的“类-对象”结构 63
4.1.2 理解JavaScript中的对象 64
4.1.3 在JavaScript中创建对象 65
4.2 时间日期:Date对象 70
4.3 数学计算:Math对象 73
4.4 基本类型与装箱 76
4.4.1 Boolean 77
4.4.2 Number 77
4.4.3 String 78
4.5 BOM简介 79
4.5.1 window对象 79
4.5.2 location对象 82
4.5.3 navigator对象 83
4.5.4 screen对象 85
4.5.5 history对象 85
本章小结 88
习题4 88

第5章 在JavaScript中使用集合
5.1 数组 90
5.1.1 数组的基本操作 90
5.1.2 作为不同数据结构的数组 92
5.2 对象 96
5.3 集合类型 98
5.3.1 Map集合 98
5.3.2 Set集合 99
本章小结 101
习题5 101

第6章 类与原型链
6.1 使用类语法实现封装 103
6.1.1 类的声明与定义 103
6.1.2 通过类创建对象 104
6.1.3 定义方法与调用方法 105
6.1.4 存取器 106
6.1.5 static 108
6.1.6 instanceof运算符 108
6.2 使用类语法实现继承 109
6.3 基于构造函数和原型的面向对象机制 112
6.3.1 封装 112
6.3.2 继承 113
6.3.3 原型与原型链 115
本章小结 118
习题6 118

第7章 DOM
7.1 网页中的DOM框架 120
7.2 DOM中的节点 121
7.2.1 元素节点 121
7.2.2 文本节点 122
7.2.3 属性节点 122
7.3 通过JavaScript访问DOM 122
7.3.1 访问节点 123
7.3.2 检测节点类型 124
7.3.3 父子兄关系 125
7.3.4 节点的属性 128
7.3.5 创建和操作节点 129
7.4 DOM与CSS 132
7.4.1 HTML、CSS、JavaScript三位一体 133
7.4.2 className属性 133
7.5 事件 134
7.5.1 事件与事件流 135
7.5.2 事件监听 136
7.5.3 事件对象 138
7.6 动手实践:动态控制表格 139
7.6.1 动态添加 140
7.6.2 修改单元格内容 142
7.6.3 动态删除 143
本章小结 146
习题7 146

第8章 综合案例一:以迭代方式开发计算器
8.1 案例概述 147
8.2 更新屏幕 149
8.3 按钮操作 150
8.4 输入数字 151
8.5 输入小数点 153
8.6 处理运算符 153
8.7 重置计算器 156
8.8 修复小数点错误 157
8.9 重构事件监听器 157
8.10 浮点精度 158
*8.11 实现先乘除后加减 158
*8.12 实现支持括号 160
本章小结 165

【下篇】 jQuery程序开发

第9章 jQuery基础
9.1 jQuery概述 168
9.1.1 jQuery简介 168
9.1.2 下载并使用jQuery 169
9.2 jQuery的$ 170
9.2.1 选择器 170
9.2.2 功能函数前缀 172
9.2.3 window.onload 173
9.2.4 创建DOM元素 173
9.2.5 扩展jQuery 174
9.2.6 冲突问题 176
本章小结 176
习题9 176

第10章 jQuery选择器与管理结果集
10.1 选择器 178
10.1.1 属性选择器 178
10.1.2 包含选择器 180
10.1.3 位置选择器 181
10.1.4 过滤选择器 184
10.1.5 反向选择器 186
10.2 遍历DOM 187
10.2.1 children() 187
10.2.2 parent()和parents() 189
10.2.3 siblings() 191
10.3 管理结果集 193
10.3.1 获取选中元素的个数 193
10.3.2 提取元素 194
10.3.3 添加、删除、过滤 196
10.3.4 查找 200
10.3.5 遍历 201
10.4 jQuery链 202
本章小结 202
习题10 203

第11章 使用jQuery控制DOM
11.1 标记的属性 204
11.1.1 获取属性的值 205
11.1.2 设置属性的值 206
11.1.3 删除属性 208
11.2 元素的样式 209
11.2.1 添加、删除CSS类别 209
11.2.2 动态切换 210
11.2.3 直接获取、设置样式 210
11.3 页面的元素 212
11.3.1 直接获取和编辑内容 212
11.3.2 添加元素 214
11.3.3 删除元素 218
11.3.4 克隆元素 220
11.4 表单元素的值 222
11.4.1 获取表单元素的值 222
11.4.2 设置表单元素的值 223
本章小结 224
习题11 224

第12章 jQuery事件
12.1 事件监听 226
12.2 删除事件 229
12.3 事件对象 230
12.4 事件触发 232
12.5 事件的动态交替 233
12.5.1 hover事件的交替 233
12.5.2 click事件的交替 234
12.6 事件委托 235
12.7 实例:快餐在线 237
12.7.1 框架搭建 237
12.7.2 添加事件 239
12.7.3 样式 241
本章小结 244
习题12 244

第13章 jQuery的功能函数
13.1 处理JavaScript对象 245
13.1.1 遍历 245
13.1.2 数据过滤 247
13.1.3 数组的转化 248
13.1.4 数组元素的查找 251
13.2 获取外部代码 252
本章小结 253
习题13 254

第14章 jQuery与AJAX
14.1 认识AJAX 255
14.1.1 AJAX的基本概念 255
14.1.2 AJAX的组成部分 257
14.2 获取异步数据 258
14.2.1 传统方法 258
14.2.2 jQuery的load()方法 259
14.3 GET与POST 261
14.4 控制AJAX 263
14.4.1 设置AJAX访问服务器的细节 263
14.4.2 全局设定AJAX 266
14.4.3 AJAX事件 267
14.4.4 实例:模拟百度的数据加载 269
14.5 实例:利用jQuery制作自动提示的文本框 271
14.5.1 框架结构 271
14.5.2 匹配用户输入 272
14.5.3 显示清除提示框 273
本章小结 277
习题14 277

第15章 jQuery制作动画与特效
15.1 元素的显示和隐藏 279
15.1.1 show()和hide() 279
15.1.2 实例:多级菜单 280
15.1.3 toggle() 282
15.2 淡入淡出的特效 283
15.2.1 再探讨show()、hide()和toggle() 283
15.2.2 fadeIn()和fadeOut() 284
15.2.3 自定义变化透明度 286
15.3 幻灯片特效 287
15.4 自定义动画 289
本章小结 290
习题15 290

第16章 jQuery插件
16.1 模拟加入购物车 292
16.1.1 鼠标拖曳 292
16.1.2 拖入购物车 296
16.1.3 模态框提示 298
16.2 流行的Tab菜单 300
16.3 轮播图 303
16.3.1 使用前准备 304
16.3.2 使用轮播图插件 304
16.3.3 调整轮播图效果 306
本章小结 308
习题16 308

第17章 综合案例二:网页留言本
17.1 基本留言本 309
17.2 改用AJAX方式实现留言本 311
17.2.1 读取留言列表 311
17.2.2 保存并返回新留言 312
17.2.3 留言本入口页面 312
17.3 对表单数据进行验证 314
本章小结 315

第18章 综合案例三:网页图片剪裁器
18.1 整体分析 317
18.2 页面HTML结构和CSS样式 318
18.2.1 HTML结构 318
18.2.2 选区部分的结构与样式 319
18.3 实现核心逻辑 320
18.3.1 定义基础类 320
18.3.2 定义Cropper类 322
18.4 使用jQuery处理交互逻辑 326
18.4.1 初始化图片 326
18.4.2 控制选区 327
18.4.3 最终剪裁 331
本章小结 332

读者评论

赶紧抢沙发哦!

我要评论

作者介绍

温谦:
## 全栈工程师,前沿科技创始人,现从事企业大型软件系统的分析与开发工作,拥有超20年的软件开发经验,主持并成功开发了多个复杂系统,项目实战经验丰富。
## 常销书作者,毕业于华中科技大学计算机专业,主编网页设计与软件开发相关领域图书共12本,图书编写经验颇丰,其中《HTML+CSS网页设计与布局从入门到精通》《网页设计与布局项目化教程(HTML+CSS+DIV)》等图书常销10余年,被百余所高校选作教材。

相关文章

购买本书用户

相关图书

人邮微信
本地服务
人邮微信
教师服务
二维码
读者服务
读者服务
返回顶部
返回顶部