JavaScript+Vue.js Web开发案例教程

Web开发新形态精品教材,配套在线实训平台,助力读者快速提升实战技能!
分享 推荐 9 收藏 143 阅读 12.0K
温谦 (作者) 978-7-115-57817-4

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

(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框架层出不穷。Vue.js作为新一代JavaScript框架中的优秀代表,为广大开发者提供了诸多便利,在Web开发技术中占据着重要地位。
→ 本书通过丰富的实例详细讲解JavaScript语言和Vue.js框架的相关技术。在JavaScript程序开发篇,讲解JavaScript语言的基础知识,以及程序控制流、函数、对象、集合、原型、DOM等核心内容。在Vue.js程序开发篇,讲解侦听器、样式控制、事件处理、表单绑定、结构渲染、组件等核心基础知识,并在此基础上,讲解axios库(处理AJAX)、Vue Router路由管理、Vuex状态管理等高级内容。最后在综合实战篇,通过一个综合案例完整演示使用Vue.js开发综合项目的过程。
→ 本书内容翔实,结构框架清晰,讲解循序渐进,并注重各个章节及实例之间的呼应与对照。本书既可作为高等院校相关专业的网页设计与制作、前端开发等课程的教材,也可作为JavaScript和Vue.js初学者的入门用书。

详情页

目录

## 章名目录

【第一篇】 JavaScript程序开发
第1章 JavaScript简介
第2章 JavaScript基础
第3章 程序控制流与函数
第4章 JavaScript中的对象
第5章 在JavaScript中使用集合
第6章 类与原型链
第7章 DOM

【第二篇】 Vue.js程序开发
第8章 Vue.js开发基础
第9章 计算属性与侦听器
第10章 控制页面的CSS样式
第11章 事件处理
第12章 表单绑定
第13章 结构渲染
第14章 组件基础
第15章 单文件组件
第16章 AJAX与axios
第17章 过渡和动画
第18章 Vue.js插件

【第三篇】 综合实战
第19章 综合案例:“豪华版”待办事项


## 详细目录

【第一篇】 JavaScript程序开发

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

第2章 JavaScript基础
2.1 JavaScript的基本语法 14
2.2 使用VS Code编写JavaScript代码 16
2.2.1 创建基础的HTML文件 16
2.2.2 编写JavaScript代码 18
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 分支结构:条件语句 36
3.2.1 比较运算符 37
3.2.2 逻辑运算符 37
3.2.3 if语句 38
3.2.4 switch语句 39
3.3 循环结构 40
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语句 47
3.3.7 for…in语句 47
3.4 函数 48
3.4.1 定义函数的基本方法 48
3.4.2 arguments对象 50
3.4.3 实例:杨辉三角形 52
3.4.4 变量作用域 54
3.4.5 函数作为函数的参数 56
3.4.6 箭头函数 57
3.5 异常处理 58
本章小结  61
习题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 原始类型与装箱 75
4.4.1 Boolean 76
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对象 84
4.5.5 history对象 85
本章小结  87
习题4 87

第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集合 100
本章小结  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 使用类语法实现继承 108
6.3 基于构造函数和原型的面向对象机制 112
6.3.1 封装 112
6.3.2 继承 113
6.3.3 原型与原型链 114
本章小结  118
习题6 118

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

【第二篇】 Vue.js程序开发

第8章 Vue.js开发基础
8.1 Web前端开发概述 148
8.1.1 Web开发简史 148
8.1.2 基于前后端分离模式的Web开发 149
8.1.3 Vue.js与MVVM模式 150
8.1.4 安装Vue.js 153
8.1.5 上手实践:第一个Vue.js程序 155
8.2 Vue.js开发 157
8.2.1 Vue根实例 157
8.2.2 Vue实例的生命周期 166
本章小结  169
习题8 169

第9章 计算属性与侦听器
9.1 计算属性 170
9.1.1 定义计算属性 170
9.1.2 计算属性的缓存特性 172
9.2 侦听器 175
9.2.1 侦听器的应用场景 175
9.2.2 侦听器的基本用法 176
9.2.3 深度侦听 177
9.2.4 侦听对象时获取对象原值 179
9.2.5 使用immediate参数 180
9.2.6 对数组的侦听 181
本章小结  184
习题9 184

第10章 控制页面的CSS样式
10.1 绑定class属性 185
10.1.1 以对象方式绑定class属性 185
10.1.2 将class属性与对象变量绑定 187
10.1.3 以数组方式绑定class属性 189
10.1.4 动态改变class属性值 189
10.1.5 在数组中使用对象 190
10.2 绑定style属性 191
10.2.1 以对象方式绑定style属性 191
10.2.2 将style属性与对象变量绑定 191
10.2.3 以数组方式绑定style属性 192
10.2.4 动态改变style属性值  193
本章小结  194
习题10 194

第11章 事件处理
11.1 标准DOM中的事件 195
11.2 使用Vue.js处理事件 196
11.2.1 内联方式响应事件 196
11.2.2 事件处理方法 197
11.2.3 在Vue.js中使用事件对象 198
11.3 动手练习:监视鼠标指针移动 199
11.4 事件修饰符 201
11.4.1 准备基础页面 201
11.4.2 stop 202
11.4.3 self 202
11.4.4 capture 203
11.4.5 once 203
11.4.6 prevent 203
11.4.7 事件修饰符使用说明 204
11.4.8 按键修饰符 205
本章小结  207
习题11 207

第12章 表单绑定
12.1 输入文本的绑定 209
12.1.1 文本框 209
12.1.2 多行文本框 210
12.2 选择类表单元素的绑定 211
12.2.1 单选按钮 211
12.2.2 复选框 212
12.2.3 下拉框 213
12.2.4 多选列表框 214
12.2.5 键值对绑定 214
12.3 修饰符 215
12.3.1 lazy修饰符 215
12.3.2 number修饰符 216
12.3.3 trim修饰符 216
本章小结  217
习题12 217

第13章 结构渲染
13.1 条件渲染指令v-if 218
13.1.1 v-if 和 v-else 218
13.1.2 v-else-if 219
13.1.3 用key管理可复用的元素 220
13.1.4 v-if 和 v-show 221
13.2 列表渲染指令v-for 222
13.2.1 基本列表 222
13.2.2 迭代对象数组 223
13.2.3 对象属性列表 224
13.2.4 数值范围 224
13.2.5 数组更新检测 225
13.2.6 v-for中key的作用 227
13.2.7 v-for与v-if一同使用时的注意事项 229
13.3 案例——汇率计算器 230
13.3.1 页面结构和样式 231
13.3.2 数据模型 231
本章小结  234
习题13 234

第14章 组件基础
14.1 自定义组件与HTML标记 235
14.1.1 组件的名称 237
14.1.2 组件的属性 237
14.1.3 组件的内容 238
14.1.4 在组件中处理事件 239
14.2 全局组件与局部组件 242
本章小结  243
习题14 244

第15章 单文件组件
15.1 基础知识 245
15.2 安装Vue CLI脚手架工具 246
15.2.1 安装基础环境 247
15.2.2 初步使用脚手架工具 248
15.3 动手实践:投票页面 250
15.3.1 制作greeting组件 251
15.3.2 制作app组件 252
15.3.3 父子组件之间传递数据 254
15.3.4 构建用于生产环境的文件 258
15.4 单页应用和多页应用 259
15.4.1 单页应用和多页应用的区别 260
15.4.2 多页应用开发 260
15.4.3 单页应用开发 261
本章小结  267
习题15 267

第16章 AJAX与axios
16.1 认识axios 268
16.2 axios的基础用法 269
16.2.1 常见请求方法调用 269
16.2.2 GET与POST 271
16.2.3 嵌套请求与并发请求 274
16.3 axios的进阶用法 277
16.3.1 创建实例 277
16.3.2 实例的相关配置 278
16.3.3 错误处理 279
16.3.4 拦截器 280
本章小结  283
习题16 283

第17章 过渡和动画
17.1 CSS过渡 285
17.2 单元素过渡 286
17.2.1 transition组件 286
17.2.2 过渡的类名 287
17.3 动手实践:可折叠的多级菜单 288
17.3.1 搭建页面结构 288
17.3.2 展开和隐藏菜单 289
17.3.3 添加过渡效果 290
17.3.4 实现多级菜单 291
17.4 列表过渡 294
本章小结  296
习题17 297

第18章 Vue.js插件
18.1 路由管理插件Vue Router 298
18.1.1 基本用法 298
18.1.2 命名路由 302
18.1.3 路由动态匹配 303
18.1.4 编程式导航 307
18.1.5 重定向和别名 308
18.1.6 进阶用法 309
18.1.7 history模式 312
18.2 状态管理插件Vuex 312
18.2.1 Vuex的基本用法 312
18.2.2 深入掌握Vuex 316
本章小结  324
习题18 325

【第三篇】 综合实战

第19章 综合案例:“豪华版”待办事项
19.1 功能描述 329
19.2 用到的知识点 329
19.3 使用Vue CLI搭建项目 330
19.4 页面结构和样式 331
19.4.1 添加待办事项页面 332
19.4.2 筛选项页面 332
19.4.3 任务列表页面 333
19.4.4 编辑任务弹框页面 334
19.5 组件化 335
19.5.1 抽离单个任务项 335
19.5.2 抽离编辑任务弹框 336
19.6 核心功能的实现 336
19.6.1 定义Todo类 336
19.6.2 使用Vuex管理任务列表 337
19.7 实现各项功能 339
19.7.1 添加待办事项 339
19.7.2 显示任务列表 340
19.7.3 动态化筛选项 340
19.7.4 修改任务状态 341
19.7.5 编辑任务 342
19.7.6 删除任务 345
19.7.7 调整任务顺序 346
19.7.8 持久化任务 347
本章小结  348

读者评论

赶紧抢沙发哦!

我要评论

作者介绍

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

相关文章

相关图书

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