目    录

第1章  Node.js基础与环境搭建 1

1.1  Node.js基础 1

1.1.1  Node.js简介 1

1.1.2  Node.js的发展历史 2

1.1.3  Node.js组织架构 3

1.1.4  Node.js的特点 4

1.1.5  Node.js应用场景 6

1.1.6  Node.js在国内的发展 6

1.2  搭建Node.js开发环境 7

1.2.1  Windows 10系统下安装部署Node.js开发环境 7

1.2.2  测试Node.js开发环境 10

1.2.3  通过Node.js运行JavaScript文件 12

1.3  通过Visual Studio Code开发Node应用 12

1.3.1  通过Visual Studio Code开发和管理代码 13

1.3.2  通过Webpack构建Node应用程序架构 18

1.3.3  通过Visual Studio Code开发调试Node应用 20

第2章  Vue.js基础介绍与环境搭建 33

2.1  Vue.js基础 33

2.1.1  Vue.js简介 33

2.1.2  Vue.js发展历史 34

2.1.3  Vue.js与MVVM架构模型 34

2.1.4  双向数据绑定 35

2.1.5  Vue.js特点 35

2.2  Vue.js快速开发环境 35

2.2.1  直接通过<script>引入本地Vue.js 36

2.2.2  通过CDN方式引入Vue.js 37

2.2.3  兼容ES Module的方式 38

2.3  Vue.js脚手架开发环境 40

2.3.1  安装Vue.js脚手架并创建Vue项目 40

2.3.2  通过Vue.js脚手架启动开发服务器 41

2.3.3  Vue.js脚手架项目初探 42

2.3.4  通过Vue.js脚手架进行发布 44

2.3.5  通过Visual Studio Code开发调试Vue.js项目 46

第3章  Node.js语法基础 52

3.1  JavaScript语法 52

3.1.1  变量 52

3.1.2  注释 54

3.1.3  数据类型 55

3.1.4  函数 56

3.1.5  闭包 58

3.2  命名规范与编程规范 59

3.2.1  命名规范 59

3.2.2  编程规范 60

3.3  Node.js的控制台console 61

3.3.1  console对象下的各种方法 61

3.3.2  console.log()方法 62

3.3.3  console.info()、console.warn()和console.error()方法 63

3.3.4  console.dir()方法 63

3.3.5  console.time()和console.timeEnd()方法 64

3.3.6  console.trace()方法 65

第4章  Node.js中的包管理 66

4.1  npm介绍 66

4.1.1  npm常用命令 66

4.1.2  package.json文件 69

4.2  模块加载原理与加载方式 70

4.2.1  require导入模块 70

4.2.2  exports导出模块 71

4.3  Node.js核心模块 72

4.3.1  http模块—创建HTTP服务器、客户端 72

4.3.2  url模块——URL地址处理 76

4.3.3  querystring模块——查询字符串处理 77

4.4  Node.js常用模块 78

4.4.1  util模块——实用工具 78

4.4.2  path模块——路径处理 79

4.4.3  dns模块 80

第5章  Node.js文件操作 82

5.1  Node.js文件系统介绍 82

5.1.1  同步和异步 82

5.1.2  fs模块中的类和文件的基本信息 84

5.1.3  文件路径 85

5.2  基本文件操作 86

5.2.1  打开文件 86

5.2.2  关闭文件 87

5.2.3  读取文件 88

5.2.4  写入文件 89

5.3  其他文件操作 90

第6章  Node.js网络开发 93

6.1  构建TCP服务器 93

6.1.1  使用Node.js创建TCP服务器 93

6.1.2  监听客户端的连接 94

6.1.3  查看服务器监听的地址 96

6.1.4  连接服务器的客户端数量 97

6.1.5  获取客户端发送的数据 97

6.1.6  发送数据给客户端 98

6.2  构建TCP客户端 100

6.2.1  使用Node.js创建TCP客户端 100

6.2.2  连接TCP服务器 101

6.2.3  获取从TCP服务器发送的数据 101

6.2.4  向TCP服务器发送数据 102

6.3  构建HTTP服务器 103

6.3.1  创建HTTP服务器 103

6.3.2  HTTP服务器的路由控制 104

6.4  利用UDP协议传输数据与发送消息 106

6.4.1  创建UDP服务器 106

6.4.2  创建UDP客户端 109

第7章  Node.js数据库开发 111

7.1  使用mongoose连接MongoDB 111

7.1.1  MongoDB介绍 111

7.1.2  连接MongoDB 113

7.1.3  操作MongoDB 114

7.2  直接连接MongoDB 119

7.2.1  使用node-mongodb-native连接MongoDB 119

7.2.2  使用node-mongodb-native操作MongoDB 120

7.3  连接MySQL 127

7.3.1  MySQL介绍 127

7.3.2  Node.js连接MySQL 130

7.3.3  Node.js操作MySQL 131

第8章  Vue.js数据、方法与生命周期 134

8.1  Vue.js数据 134

8.1.1  Vue.js数据同步 134

8.1.2  Vue.js数据冻结 138

8.1.3  Vue.js实例property属性 141

8.2  Vue.js方法 143

8.2.1  观察属性方法 144

8.2.2  事件触发方法 150

8.2.3  自定义事件方法 151

8.3  Vue.js生命周期 155

8.3.1  Vue.js生命周期图示 155

8.3.2  Vue.js生命周期钩子 157

第9章  Vue.js模板语法 166

9.1  Vue.js模板语法介绍 166

9.2  Vue.js插值 166

9.2.1  文本插值 167

9.2.2  原始HTML插值 168

9.2.3  使用JavaScript表达式 169

9.3  Vue.js指令 171

9.3.1  Vue指令概述 171

9.3.2  v-if条件表达式指令 172

9.3.3  v-show显示指令 175

9.3.4  使用<template>元素渲染分组 177

9.3.5  v-for循环指令 180

9.4  Vue.js指令参数 183

9.4.1  Vue.js指令接收参数 183

9.4.2  Vue.js指令接收动态参数 184

9.4.3  通过Vue.js指令动态参数改变元素类型 187

9.5  Vue.js指令修饰符 189

9.5.1  Vue.js指令prevent修饰符 189

9.5.2  Vue.js指令stop修饰符 193

9.5.3  Vue.js指令once修饰符 195

9.6  Vue.js指令缩写 197

9.7  Vue.js数据双向绑定 201

9.7.1  v-model指令原理 201

9.7.2  .lazy修饰符 205

9.7.3  .number修饰符 207

9.7.4  .trim修饰符 210

9.8  Vue.js计算属性 212

第10章  Vue.js样式绑定 215

10.1  Vue.js绑定HTML Class 215

10.1.1  绑定静态Class 215

10.1.2  绑定动态Class 217

10.1.3  绑定多个Class 220

10.2  通过数组语法绑定Class 222

10.3  Vue.js绑定HTML Style 224

10.3.1  绑定静态Style 224

10.3.2  绑定Style对象 226

10.3.3  绑定多重值的Style 227

10.4  通过计算属性绑定样式 227

第11章  Vue.js组件基础 230

11.1  Vue.js全局组件 230

11.2  Vue.js局部组件 232

11.3  通过Prop向子组件传递数据 234

第12章  Vue.js路由 238

12.1  安装vue-router库的方法 238

12.2  基于vue-router库开发单页面应用 239

12.3  基于vue-router库实现动态路由 240

第13章  项目实战：基于Vue.js+Node.js+MySQL实现学生成绩管理系统 243

13.1  学生成绩管理系统组织架构设计 243

13.2  构建项目应用框架 244

13.3  后台数据结构 245

13.4  功能模块组件设计 246

13.5  功能模块路由设计 256

13.6  功能模块后台服务设计 257

13.7  测试学生信息管理系统 261

第14章  项目实战：基于Vue.js+Node.js+jsonp实现城市信息查询系统 264

14.1  全国城市信息查询系统组织架构设计 264

14.2  构建项目应用框架 265

14.3  后台数据获取方式 265

14.4  功能模块组件设计 266

14.5  功能模块路由设计 270

14.6  测试全国城市信息查询系统 271