JavaScript+Vue.js Web开发案例教程_前沿科技温谦_9787115578174

随着互联网技术的不断发展，JavaScript语言及其相关技术越来越受人们的关注，各种JavaScript框架层出不穷。Vue.js作为新一代JavaScript框架中的优秀代表，为广大开发者提供了诸多便利，在Web开发技术中占据着重要地位。

本书通过丰富的实例详细讲解JavaScript语言和Vue.js框架的相关技术。在JavaScript程序开发篇，讲解JavaScript语言的基础知识，以及控制流、函数、对象、集合、原型、DOM等核心内容。在Vue.js程序开发篇，讲解数据绑定、侦听、事件、样式控制、结构渲染、组件化开发等核心基础知识，并在此基础上，讲解AJAX、路由、状态管理等高级内容。后在综合实战篇，通过一个综合案例完整演示使用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

你还可能感兴趣

我要评论