NodeJS

ECMAScript

WebAPI

Chrome：V8(性能最好)

Firefox：OdinMonkey(奥丁猴)

Safri：JSCore

IE：Chakra

Chrome为例

什么是后端开发语言

浏览器是JavaScript的前端运行环境

NodeJS是JavaScript的后端运行环境

所以NodeJS无法调用DOM和BOM等浏览器内置的API

Express

Electron

Restify

Mongoose

LTS长期稳定版本

Current为新特性尝鲜版本，可能会有Bug或安全性漏洞

基本都是下一步

注意选择安装位置

安装路径不要有中文

定义系统变量

在path中添加

打开CMD

输入node -v

全称：Node Version Manager

主要用来管理NodeJS版本，可以方便的切换不同的NodeJS版本

下载安装

配置下载源

常用命令

开始->运行，输入CMD

文件资源管理器地址栏，输入CMD

按住Shift，在文件资源管理器空白处，右键

PowerShell和CMD都可以。或者其它第三方终端软件

进入指定的目录

此处需要注意，如果切换到不同盘，需要使用盘符:，切换，才有效

返回上一级目录

列举当前目录下的所有文件及文件夹

ls是Linux下的

自动补全

切换历史命令

例如：d:，就可以换切到d盘

中断正在执行的命令

readFile(path [, options], callback)：读取指定的文件内容

writeFile(path, data[, options], callback)：向指定文件中写入内容

appendFile(path, data[, options], callback)：向指定文件中附加内容

mkdir(path[, options], callback)

readdir(path[, options], callback)

stat(path[, options], callback)

与异步方法的名称前面一致，后以Sync结尾，参数没有回调函数

let fs = require("fs");
let fsPromises = fs.promises;//使用支持promise的api

cd 0719 && node XXX.js

node 0719/XXX.js

注意：nodejs中的代码的相对路径是以node命令执行的目录为参照

回调函数中有回调，嵌套三次以上，那么就可以称为回调地狱

待定（pending）：初始状态，既没有被兑现，也没有被拒绝。

已兑现（fulfilled）：意味着操作成功完成。

已拒绝（rejected）：意味着操作失败。

new <T>(executor: (resolve: (value: T | PromiseLike<T>) => void, reject: (reason?: any) => void) => void): Promise<T>;

一个Promise对象只能有一个结果，那这个结果是由 resolve 或 reject 回调产生，由实际情况

练习，将 fs 模块中的回调函数 readFile 改造为支持 Promise 的用法

then(回调函数)

catch(回调函数)

finally()

Promise.all(iterable)

Promise.allSettled(iterable)

Promise.any(iterable)

Promise.race(iterable)

Promise.reject(reason)

Promise.resolve(value)

- async 是一个修饰符， async 修饰的函数叫做异步函数。但其中的代码都是同步代码

注意：await 只能在 async 函数中使用，但 async 函数中不一定要有 await

注意：const c = await Promise.reject(300)；会报错。因为await无法处理reject

两者都是异步代码，在同一个任务中，但是微任务比宏任务先执行

宏任务

微任务

解决办法

一

二

三

是两个下划线开头

当前执行的js文件路径的目录

当前执行的js文件路径

https://nodejs.org/dist/latest-v14.x/docs/api/globals.html

以执行node命令的窗口为参照

解决方案

path.join([...paths])

path.resovle([...paths])

path.basename(path[, ext])

path.dirname(path)

path.extname(path)

path.isAbsolute(path)

获取文件名称，不包含后缀名，支持任务后缀名文件，比如["1.txt","2.ext", "3.js"]
输入结果是1, 2, 3

思路

扩展，将所有搜索到的JS文件放到一个Map对象中，且文件名(不含后缀名)为key，文件路径为value

const assert = require('assert');

assert( 条件表达式, false显示错误信息);

assert.ok( 条件表达式, false显示错误信息);

assert.equal(actual, expected, [message])

assert.notEqual(actual, expected, [message])

assert.deepEqual(actual, expected, [message])

assert.notDeepEqual(actual, expected, [message])

assert.strictEqual(actual, expected, [message])

assert.notStrictEqual(actual, expected, [message])

导入http模块

创建web服务实例

绑定request事件

启动服务器

如何停止服务器

不同url响应不同内容

实现默认响应login.html

响应html文件内容，结合path及fs模块完成

url模块

global模块

服务器上有100条数据，实现请求带有两个参数分别是page_num和page_size，然后根据这两个参数，得到分页数据

处理post请求参数

引入

parse()

写一个login请求，在浏览器中输入/login.html地址时响应登录页面

在登录页面中有一个表单，账号和密码，表单post提交到/loginPost地址判断账号密码是否为admin和123，如果是则响应welcome页面

http协议

ip地址或域名

端口号

url

BOM

http模块

超文本传输协议（英文：HyperText Transfer Protocol，缩写：HTTP）

请求协议

响应协议

测试后台接口工具

get请求

post请求

下载：npm install -g nodemon

也可以使用npx nodemon XXX.js来使用

util

dao

model

router

开发模式

复用性

可维护性

按需加载

依赖明确

干掉Script标签

AMD

CMD

CommonJS

ES6

CommonJS和ES6的模块化区别

内置模块：官方提供，例如fs、path、global、http、url、querystring等

自定义模块：用户创建的每个JS文件都是

第三方模块：由第三方开发提供的非官方模块，使用时需要提前下载

模块的导入

模块作用域

模块的导出

包就是第三方模块

全称：Node Package Manager，是NodeJS的包管理器

官网

版本查看命令

初始化项目

下载源设置

下载与卸载包

发布包（了解）

nodejs的版本管理器

镜像源管理器

运行工具命令，免除全局下载和配置环境变量的麻烦

对部门的使用不是很好

包管理器

下载、卸载

全局下载

模块在第一次加载后会被缓存。 这也意味着多次调用 require() 不会导致模块的代码被执行多次。
注意：不论是内置模块、用户自定义模块、还是第三方模块，它们都会优先从缓存中加载，从而提高模块的加载效率。

内置模块是由 Node.js 官方提供的模块，内置模块的加载优先级最高。
例如，require('fs') 始终返回内置的 fs 模块，即使在 node_modules 目录下有名字相同的包也叫做 fs。

使用 require() 加载自定义模块时，必须指定以 ./ 或 ../ 开头的路径标识符。在加载自定义模块时，如果没有指定 ./ 或 ../ 这样的路径标识符，则 node 会把它当作内置模块或第三方模块进行加载。

    同时，在使用 require() 导入自定义模块时，如果省略了文件的扩展名，则 Node.js 会按顺序分别尝试加载以下的文件：
    1.按照确切的文件名进行加载
    2.补全 .js 扩展名进行加载
    3.补全 .json 扩展名进行加载
    4.补全 .node 扩展名进行加载
    5.加载失败，终端报错

如果传递给 require() 的模块标识符不是一个内置模块，也没有以 ‘./’ 或 ‘../’ 开头，则 Node.js 会从当前模块的父目录开始，尝试从 /node_modules 文件夹中加载第三方模块。

    如果没有找到对应的第三方模块，则移动到再上一层父目录中，进行加载，直到文件系统的根目录。

    例如，假设在 'C:\Users\nodejs\project\foo.js' 文件里调用了 require('tools')，则 Node.js 会按以下顺序查找：
     C:\Users\nodejs\project\node_modules\tools
     C:\Users\nodejs\node_modules\tools
     C:\Users\node_modules\tools
     C:\node_modules\tools

当把目录作为模块标识符，传递给require() 进行加载的时候，有三种加载方式：

    在被加载的目录下查找一个叫做 package.json 的文件，并寻找 main 属性，作为 require() 加载的入口

    如果目录里没有 package.json 文件，或者 main 入口不存在或无法解析，则 Node.js 将会试图加载目录下的 index.js 文件。

    如果以上两步都失败了，则 Node.js 会在终端打印错误消息，报告模块的缺失：Error: Cannot find module 'xxx'

http://www.expressjs.com.cn/

http 内置模块用起来很复杂，开发效率低；

Express 是基于内置的 http 模块进一步封装出来的，能够极大的提高开发效率。

类似于浏览器中 Web API 和 jQuery 的关系。后者是基于前者进一步封装出来的。

npm install -g express-generator

express --no-view myapp

在app.js中添加app.listen(端口号);

npm i下载所有依赖

node app.js运行

不同的请求路径做不同的处理

get请求

post请求

中文乱码

请求转发

响应类型

设置响应头

重定向

常见错误

res.locals

app.locals

静态资源处理

统一参数处理

统一错误处理

后台跨域处理

登录拦截

router提取

下载

引入

设置加密等级，如果不设置默认为10，最高为10

获取加密内容

加密内容比较

下载

引入

创建保存目录

配置

文件处理

传统接口名称

【GET】 /users # 查询用户信息列表

【GET】 /users/1001 # 查看某个用户信息

【POST】 /users # 新建用户信息

【PUT】 /users/1001 # 更新用户信息(全部字段)

【PATCH】 /users/1001 # 更新用户信息(部分字段)

【DELETE】 /users/1001 # 删除用户信息

【PATCH】一般不用，用【PUT】

/users/:id

restful api只是一个规范与技术没有关系

自定义逻辑

自定义中间件

express-validator

log4j

什么是MongoDB

关系型数据库(RDBMS )

非关系型数据库(NoSQL)

ACID VS BASE

分布式系统

官网

下载数据库，先安装
https://www.mongodb.com/try/download/community

下载compass GUI，后安装
https://www.mongodb.com/try/download/compass

安装，基本都是下一步
https://docs.mongodb.com/manual/administration/install-community/

添加变量名MongoDB_HOME，值为安装路径

在path中添加%MongoDB_HOME%\bin

数据库结构

服务与客户端

https://www.mongodb.org.cn/tutorial/2.html

https://mongodb.net.cn/manual/mongo/

插件：http://www.mongoosejs.net/

下载

引入

连接数据库

创建数据表

插入数据

删除数据

修改数据

查询数据

https://www.npmjs.com/package/mysql

npm i mysql

const mysql = require("mysql");

连接数据库

执行sql代码

关闭连接

示例

创建连接池

执行SQL

关闭连接池

sql拼接

预编译sql

提取连接数据库js文件

改造数据库方法支持Promise

封装数据库通过类BaseDao

让base_dao支持promise写法，然后在router中使用

局部刷新页面

发起异步请求

- 同步请求：当一个页面中的内容发生改变时，需要全部刷新。当一个请求发起时，其他的请求不能发起
- 异步请求，当一个页面中的内容发生改变时，可以局部刷新。当一个请求发起时，其他的请求也能发起

常用属性

常用方法

Ajax入门案例（get请求）

Ajax入门案例（post请求）

Fetch API是基于promise的设计，返回的是Promise对象，它是为了取代传统xhr的不合理的写法而生的。

注意：mock的ajax拦截，无法拦截到fetch请求

参考资料

优点

参数说明

url:待载入页面的URL地址

data:待发送 Key/value 参数

callback:载入成功时回调函数

type:返回内容格式，xml, html, script, json, text, _default

settings

http://www.axios-js.com/

npm install axios

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

axios.request(config)

axios.get(url[, config])

axios.get(url, params)

axios.post(url, data)

axios.post(url[, data[, config]])

axios.delete(url[, config])

axios.put(url[, data[, config]])

axios.options(url[, config])

axios.head(url[, config])

axios.patch(url[, data[, config]])

axios(config)

axios.create([config])

axios.defaults

url

method

data

params

baseURL

headers

timeout

responseType

responseEncoding: 'utf8', // default

axios.interceptors.request.use

axios.interceptors.response.use

https://www.prettier.cn/

npm install --save-dev --save-exact prettier

npm install -g prettier

.prettierrc.json

.prettierignore

npx prettier --write .

npx prettier --write 文件路径

npx prettier --write 文件夹路径

npx prettier --check .

其它两种方式与执行命令一样

--no-config

--ignore-path

--find-config-path和--config

https://eslint.bootcss.com/

https://eslint.bootcss.com/docs/rules/

npm install eslint --save-dev

npm install eslint -g

eslint --init

支持的格式

如果同一个目录下有多个配置文件，ESLint 只会使用一个

验证命令

options

注意，ESLint会与Prettier部分规则重复，保持一致即可

https://jestjs.io/zh-Hans/

npm install --save-dev jest

https://mochajs.org/

npm install --save-dev webpack webpack-cli

npm install --save-dev webpack webpack-cli

npx webpack -v

--config 配置文件路径

配置文件名称：webpack.config.js

参考资料

入门使用

编译打包

体验插件

配置服务器

资源管理

源码映射

转换ES6代码

代码分离

缓存处理

不同环境切换

代码优化

模块解析

Shimming

ESLint