Node学习笔记01

搜捕鸟了

已于 2023-02-28 22:18:55 修改

阅读量673

点赞数 3

分类专栏： Node.js 文章标签：学习前端 javascript node.js

于 2022-12-26 21:09:55 首次发布

本文链接：https://blog.csdn.net/weixin_43599321/article/details/128448654

版权

Node.js 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

文章目录

一、初识Node

什么是Node.js?

Node.js是一个基于Chrome V8引擎的JavaScript运行环境。

Node.js中的JavaScript运行环境

在这里插入图片描述

注意：

浏览器是JavaScript的前端运行环境
Node.js是JavaScript的后端运行环境
Node.js中无法调用DOM和BOM等浏览器内置API

Node.js可以做什么

Node.js作为JavaScript的运行环境，仅仅提供了基础的功能和API。然而，基于Node.js提供的这些基础功能，很多强大的工具和框架如雨后春笋，层出不穷，所以学会了Node.js,可以让前端程序员胜任更多的工作和岗位：

基于Express框架(http://www.expressjs.com.cn/)，可以快速搭建Web应用
基于Electron框架(http://electronjs.org/)，可以构建跨平台的桌面应用
基于restify框架(http://restify.com/)，可以快速构建API接口项目
读写和操作数据库、创建实用的命令行工具辅助前端开发、etc…

总之，Node.js是大前端时代的“大宝剑”，有了Node.js这个超级buff的加持，前端程序员的行业竞争力会越来越强！

Node.js学习路径：

JavaScript基础语法+Node.js内置API模块(fs、path、http等)+第三方API模块(express、mysql等)

Node官网

https://nodejs.org/zh-cn/

二、fs文件系统模块

2.1 什么是fs文件系统模块

fs模块式Node.js官方提供的、用来操作文件的模块，它提供了一系列的方法和属性，用来满足用户对文件的操作需求。

例如：

fs.readFile()方法，用来读取指定文件中的内容。
fs.writeFile()方法，用来向指定的文件中写入内容。

如果要在JavaScript代码中，使用fs模块来操作文件，则需要使用如下的方式导入它：

const fs = require('fs')

2.2 读取指定文件中的内容

fs.readFile()的语法格式

使用fs.readFile()方法，可以读取指定文件中的内容，语法格式如下：

fs.readFile(path,[, options],callback)

参数解读：

参数1：必选参数，字符串，表示文件的路径
参数2：可选参数，表示以什么编码格式来读取文件,默认为utf8
参数3：必选参数，文件读取完成后，通过回调函数拿到读取的结果,参数一般为(err, dataStr)

const fs = require('fs')
fs.readFile('./files/1.txt', 'utf8' function(err, dataStr) {
	// 如果文件读取成功，则err的值=null
	// 如果文件读取失败，则err的值= 错误对象, dataStr = undefind
	console.log(err)
	console.log(dataStr)
})

判断文件是否读取成功：可以判断err对象是否为null，从而知晓文件读取的结果

const fs = require('fs')
fs.readFile('./files/1.txt', 'utf8' function(err, dataStr) {
	if(err) {
		return console.log('读取文件失败！' + err.message)
	}
	console.log('读取文件成功！' + dataStr)
})

2.3 向指定文件写入内容

fs.writeFile()的语法格式

使用fs.writeFile()方法，可以向指定文件写入内容，语法格式如下：

fs.writeFile(path,data[, options],callback)

参数解读：

参数1：必选参数，需要指定一个文件路径的字符串，表示文件的存放路径
参数2：必须参数，表示要写入的内容
参数3：可选参数，表示以什么编码格式来写入文件内容,默认为utf-8
参数3：必选参数，文件写入完成后，执行的回调函数

const fs = require('fs')
fs.writeFile('./files/2.txt', 'abcd', function(err) {
	// 如果文件写入成功，则err的值=null
	// 如果文件写入失败，则err的值等于一个 错误对象
	console.log(err)
})

判断文件是否写入成功：可以判断err对象是否为null，从而知晓文件写入的结果

const fs = require('fs')
fs.writeFile('./files/2.txt', 'abcd', function(err) {
	if (err) {
		return console.log('文件写入失败！' + err.message)
	}
	console.log('文件写入成功！')
})

2.4 成绩整理案例

需求：将成绩.txt文件整理为新成绩.txt格式
在这里插入图片描述

const fs = require("fs");

fs.readFile("./files/成绩.txt", (err, fileData) => {
  if (err) {
    return console.log("文件读取失败" + err.message);
  }
  // 按空格分割
  const grades = fileData.toString().split(" ");
  const newGrades = [];
  // 把数组中每一项的等号替换为冒号后存入新数组
  grades.forEach((item) => {
    newGrades.push(item.replace("=", ":"));
  });
  // 把新数组的每一项进行合并，得到一个新的字符串
  const newArr = newGrades.join("\n");

  // 写入文件
  fs.writeFile("./files/新成绩.txt", newArr, (err) => {
    if (err) {
      return console.log("文件写入失败！" + err.message);
    }
    console.log("文件写入成功");
  });
});

三、path路径模块

3.1 什么是path路径模块

path模块是Node.js官方提供的、用来处理路径的模块。它提供了一系列的方法和属性，用来满足用户对路径的处理需求。

例如：

path.join()方法，用来将多个路径片段拼接成一个完整的路径字符串。
path.basename()方法，用来从路径字符串中，将文件名解析出来。

如果要在JavaScript代码中，使用path模块来处理路径，则需要使用如下的方式先导入它：

const path = require('path')

3.2 路径拼接

const path = require('path')

// 注意： ../ 会抵消前面的路径  重复两个../就会抵消两个
const pathStr = path.join('/a', '/b/c', '../../', './d', 'e')
console.log(pathStr)  // \a\d\e

const pathStr2 = path.join(__dirname, './files/1.txt')
console.log(pathStr2)  // 输出当前文件所处目录\files\1.txt

注意：今后凡是涉及到路径拼接的操作，都要使用path.join()方法进行处理，不要直接使用+进行字符串的拼接。

3.3 获取路径中的文件名

使用path.basename()方法，可以从一个文件路径中，获取到文件的名称部分

const fpath = '/a/b/c/index.html'

let fullName = path.basename(fpath)
console.log(fullName)  // index.html

// 第二个参数用于删除文件扩展名
let nameWithoutExt = path.basename(fpath, '.html')
console.log(nameWithoutExt)  // index

3.4 获取路径中文件扩展名

使用path.extname()方法，可以获取路径中的扩展名部分

const fpath = '/a/b/c/index.html'  // 路径字符串
const fext = path.extname(fpath)

四、http模块

4.1 创建最基本的web服务器

基本步骤：

导入http模块
创建web服务器实例
为服务器实例绑定request事件，监听客户端的请求
启动服务器

步骤1 导入http模块

如果希望在自己的电脑上创建一个web服务器，从而对外提供web服务，则需要导入http模块

const http = require('http')

步骤2 创建web服务器实例

调用http.createServer()方法，即可快速创建一个web服务器实例：

const server = http.createServer()

步骤3 为服务器实例绑定request事件

为服务器实例绑定request事件，即可监听客户端发送过来的网络请求

// 使用服务器实例的.on()方法，为服务器绑定一个request事件
server.on('request', (req, res) => {
	// 只要有客户端来请求我们自己的服务器，就会触发request事件，从而调用这个事件处理函数
	console.log('!!!!')
})

步骤4 启动服务器

调用服务器实例的.listen()方法，即可启动当前的web服务器实例

// 调用server.listen(端口号，cb回调)方法，即可启动web服务器
server.listen(80, () => {
	console.log('http server running at http://127.0.0.1')
})

4.2 req请求对象

只要服务器接收到了客户端的请求，就会调用通过server.on()为服务器绑定的request事件处理函数。

如果想在事件处理函数中，访问与客户端相关的数据或属性，可以使用以下的方式

server.on('request', (req) => {
	// req是请求对象，它包含了与客户端相关的数据和属性，例如：
	// req.url是客户端请求的url地址
	// req.method 是客户端的method请求类型
	const str = `你的请求链接是 ${req.url}, 请求方法是 ${req.method}`
	console.log(str)
})

4.3 res响应对象

在服务器的request事件请求函数中，如果想访问与服务器相关的数据或属性，可以使用如下的方式：

server.on('request', (req, res) => {
	// res是响应对象，它包含了与服务器相关的数据和属性，例如：
	const str = `你的请求链接是 ${req.url}, 请求方法是 ${req.method}`
	// res.end()方法的作用
	// 向客户端发送指定的内容，并结束这次的请求的处理过程
	res.end(str) // 将str发送给客户端
})

4.4 解决中文乱码的问题

当调用res.end()方法，向客户端发送中文内容的时候，会出现乱码问题，此时，需要手动设置内容的编码格式：

server.on('request', (req, res) => {
	// 发送的内容包含中文
	const str = `你的请求链接是 ${req.url}, 请求方法是 ${req.method}`
	// 为了防止中文乱码的问题，需要设置响应头Content-Type的值为text/html，charset=utf-8
	res.setHeader('Content-Type', 'text/html; charset=utf-8')
	// 把包含中文的内容，响应给客户端
	res.end(str)
})

4.5 根据不同的url响应不同的html内容

1.核心实现步骤

获取请求的url地址
设置默认的响应内容为404 Not Found
判断用户请求的是否为/或/index.html 首页
判断用户请求的是否为/about.html 关于页面
设置Content-Type响应头，防止中文乱码
使用res.end()把内容响应给客户端

2. 动态响应内容

server.on('request', function(req, res) {
	const url = req.url  // 1. 获取请求的url地址
	let content = '<h1>404 Not found</h1>'  // 2.设置默认的内容 404
	if (url === '/' || url === '/index.html') {
		content = '<h1>首页</h1>'   // 3.用户请求的是首页
	} else if (url === '/about.html') {
		content = '<h1>关于页面</h1>'  // 4.用户请求的是关于页面
	}
	res.setHeader('Content-Type', 'text/html; charset=utf-8')  // 5.防止乱码
	res.end(content)  // 6.把内容发送给客户端
})

五、模块化

5.1 模块化的基本概念

编程领域中的模块化，就是遵循固定的规则，把一个大文件拆分成独立并相互依赖的多个小模块。

把代码进行模块化拆分的好处：

提高了代码的复用性
提高了代码的可维护性
可以实现按需加载

模块化规范就是对代码进行模块化的拆分和组合时，需要遵守的哪些规则

例如：

使用什么样的语法格式来引用模块
在模块中使用什么样的语法格式向外暴露成员

模块化规范的好处：大家都遵循同样的模块化规范写代码，降低了沟通成功，极大方便了各个模块之间的相互调用，利人利己。

5.2 Node.js中模块的分类

Node.js中根据模块来源的不同，将模块分为了3大类，分别是：

内置模块(内置模块是有Node.js官方提供的，例如fs，path，http等)
自定义模块(用户创建的每个.js文件都是自定义模块)
第三方模块(由第三方开发出来的模块，并非官方提供的内置模块，也不是用户创建的自定义模块，使用前需要先下载)

加载模块的方法

// 1.内置
const fs = require('fs')
// 2.加载用户自定义模块
const custom = require('./custom.js')
// 3.加载第三方模块 需提前下载
const moment = require('moment')

方法都差不多，值得注意的是：

使用require()方法加载其他模块时，会执行被加载模块中的代码

5.3 向外共享模块作用域中的成员

1.module对象

在每个.js自定义模块中都有一个module对象，它里面存储了和当前模块有关的信息，打印如下：在这里插入图片描述

5.2 module.exports对象

在自定义模块中，可以使用module.exports对象，将模块内的成员共享出去，供外界使用。外界用require()方法导入自定义模块时，得到的就是module.exports所指向的对象。
在这里插入图片描述使用require()方法导入模块时，导入的结果，永远以module.exports指向的对象为准。

由于module.exports单词写起来比较复杂，为了简化向外共享成员的代码，Node提供了exports对象，默认情况下，export和module.exports指向同一个对象，最终共享的结果，还是以module.exports指向的对象为准。

在这里插入图片描述
时刻谨记，require()模块时，得到的永远是module.exports指向的对象。

仔细分析以下两图的区别
在这里插入图片描述

5.4 Node.js中的模块化规范

Node.js遵循了CommonJS模块化规范，CommonJS规定了模块的特性和各模块之间如何相互依赖。

CommonJS规定：

每个模块内部，module变量代表当前模块
module变量是一个对象，它的exports属性(即module.exports)是对外的接口
加载某个模块，其实是加载该模块的module.exports属性，require()方法用于加载模块

5.5 npm

1. 常用命令

npm包管理工具提供了一个快捷命令，可以在执行命令时所处的目录中，快速创建package.json这个包管理配置文件：

// 作用：在执行命令所处的目录中，快速新建package.json文件
npm init -y

注意:

上述命令只能在英文的目录下成功运行，所以，项目文件夹的名称一定要使用英文命名，不要使用中文，不能出现空格。
运行npm install 命令安装包的时候，npm包管理工具会自动把包的名称和版本号，记录到package.json中。

一次性安装多个包时可以使用空格隔开

npm i jquery art-template moment

一次性安装dependencies所有包

npm i

卸载包

npm uninstall moment

2. devDependencies节点

如果某些包只在项目开发阶段会用到，在项目上线之后不会用到，则建议把这些包记录到devDependencies节点中。与之对应的，如果某些包在开发和项目上线之后都需要用到，则建议把这些包记录到dependencies节点中。
可以使用如下的命令，将包记录到devDepencies节点中：

// 安装指定的包，并记录到devDependencies
npm i 包名 -D
// 注意：上述命令时简写形式，等价于下面完整的写法
npm install 包名 --save-dev

3. 镜像的使用

3.1. 基本使用

# 查看当前的下载镜像源
npm config get registry
# 将下包的镜像源切换为淘宝镜像源
npm config set registry=https://registry.npm.taobao.org/
# 检测是否下载成功
npm config get registry

3.2. nrm

为了更方便的切换下包的镜像源，我们可以安装nrm这个小工具，利用nrm提供的终端命令，可以快速查看和切换下包的镜像源。

# 通过 npm 包管理器，将 nrm 安装为全局可用的工具
npm i nrm -g
# 查看所有可用的镜像源
nrm ls
# 将下包的镜像源切换为 taobao 镜像
nrm use taobao

5.6 包

1. 包的分类

1. 项目包
那些被安装到项目的node_modules目录中的包，都是项目包
项目包又分为两类，分别是：

开发依赖包（被记录到devDependencies节点中的包，只在开发期间会用到）
核心依赖包（被记录到dependencies节点中的包，在开发期间和项目上线之后都会用到）

npm i 包名 -D  # 开发依赖包
npm i 包名     # 核心依赖包

2.全局包
在执行npm install命令时，如果提供了-g参数，则会把包安装为全局包
全局包会被安装到C:\Users\用户目录\AppData\Roaming\npm\node_modules目录下

npm i 包名 -g  # 全局安装指定的包
npm uninstall 包名 -g  # 卸载全局安装的包

注意：

只有工具性质的包，才有全局安装的必要性。因为它们提供了好用的终端命令。如nrm包。
判断某个包是否需要全局安装后才能使用，可以参考官方提供的使用说明即可。
i5ting_toc是一个可以把md文档转为html页面的小工具，使用步骤如下

# 将i5ting_toc安装为全局包
npm install -g i5ting_toc
# 调用i5ting_toc，轻松实现md转html的功能
i5ting_toc -f 要转换的md文件路径 -o
# -o 表示转换完成后自动用默认浏览器打开

搜捕鸟了

关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录