【前端35_Node】基础：起步安装、Node的模块化、Node 常用内置模块：fs、buffer、Stream

2024-05-10 09:38
文章标签 基础 模块 安装 内置 前端 常用 stream frontend 模块化 node fs 起步 35 buffer

本文主要是介绍【前端35_Node】基础：起步安装、Node的模块化、Node 常用内置模块：fs、buffer、Stream，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

文章目录

  • Node.js
    • 起步
      • 什么是 Node?
      • 安装
      • 常见概念解释
      • 上手：用 Node 启动简单的服务
    • 模块化
      • 模块中的变量导出
      • 模块中的变量引入
      • 整合引入
      • 历史上的模块化的集中形式（了解）
        • amd `sea.js`
        • cmd `require.js`
    • Node 常用内置模块
      • fs 文件操作 *
        • 文件操作
          • 写入文件
          • 读取文件
          • 修改文件名
          • 删除文件
          • 复制文件
        • 目录操作
          • 创建目录
          • 修改目录名
          • 读取目录
          • 删除空文件夹
          • 删除非空文件夹
            • 我写的版本
        • 通用方法
          • 判断文件或者文件夹是否存在
          • 获取文件或者目录的详细信息 / 判断文件、目录
        • 速查表格
      • buffer 模块
        • 概念
        • 创建 buffer
      • stream 流
        • 为啥要用流？
        • chunk 能有多大（验证）？
        • 如何判断流完成？
        • 管道 pipe

Node.js

起步

什么是 Node?

灵魂一问：什么是 Node
官网上说：Node 是 基于 V8 引擎的 JavaScript 运行时。

说白了，就是用来跑 JavaScript 语言的一个环境，当然，前期可以这样去理解。

个人理解：有兴趣的话可以去深入学学 AST 抽象语法树 还有 V8 引擎的一些基本原理，引擎是如何解析 JavaScript 这门语言的？不管是什么语言，都是一堆字符串组成的，通过不同的引擎去解释关键字，变量之类的，从而运行相应的功能。

这些功能不知道也不要紧，不影响我们继续学习。先学吃饭在学养家！基础还是要打好的，没错说的就是我。

安装

Node.js官网

windows 注意：配置环境变量，网上查一下，很多的，这里就不在赘述了。可以参考知乎：Node环境变量

查看是否安装好 node：终端运行 node -v，如果出现版本号，说明安装成功了。否则的话，重新在安装一遍吧
在这里插入图片描述

常见概念解释

Q：普通 js 和 node.js 有啥区别?
看这个 js 在哪里执行了，如果在 node 里执行了，那么你可以叫这个 js 为 nodejs

Q：什么是客户端，什么是服务端？
启动服务的叫服务端，访问的那一端叫客户端

上手：用 Node 启动简单的服务

首先建一个 .js 文件，不要以 node 为文件名。然后把下面的文字复制到文件中

// http.js// node 官网上写的一个例子
const http = require('http');const requestListener = function (req, res) {res.writeHead(200);res.end('Hello, World!');
}const server = http.createServer(requestListener);
server.listen(8080);

写好后保存，再当前文件夹下打开终端，输入node 文件名.js，即可开启一个服务。

服务端改了东西，想要生效的话，需要重启服务，
结束当前服务：在终端中，按住，Ctrl + C 。结束任务后，再 node 文件名开启服务就可以了。

nodemon
如果嫌麻烦，可以用nodemon 避免重启服务，nodemon 有热更新的功能，就是修改文件后可以帮你重新起服务
安装nodemon的命令命令：终端里输入：npm install nodemon - g，-g代表安装到全局，后面会详细记录 npm 的常用命令
启动服务：nodemon 文件名.js （跟node启动服务类似的）

模块化

问题：随着项目的不断扩大，变量名也会越来越多，那么总会有可能有些变量命名重复了，那么我们有什么好的办法去解决这个问题？
大佬们就设计了 commonJS 规范，概括的思想就是，一个文件就是一个作用域。
node 遵循 commonJS 规范

模块中的变量导出

模块化的优点
防止作用域的污染、提高代码复用性、降低维护成本

// 第一种方法
module.exports = {a
}// 第二种方法
exports.a = a;
// exports 是 module.exports 的一个引用
// module.exports = exports;// 错误的方法
exports = {a
}
// 直接改 export 对象是没有效果的，虽然不会报错
// 原因是上面说过的：exports 是 module.exports 的一个引用

想了解更多 exports 和 module.exports 的区别可以看这里。
在这里插入图片描述

模块中的变量引入

如果模块是在node_modules 下的文件夹，那么可以直接引入

require("mytest")

如果不在node_modules 下的文件夹，那么，文件引入时写路径的 ./ 是不能省略的，但是文件后缀名可以省略。比方 require("./Mb");

在这里插入图片描述

整合引入

我们可以写一个入口文件，专门存放一些引入的，比方说下图中的 index.js
在这里插入图片描述

历史上的模块化的集中形式（了解）

amd sea.js

略…

cmd require.js
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script src="https://cdn.bootcss.com/require.js/2.3.6/require.js"></script>
</head>
<body></body>
<script>// 引入 a.js 并获取 a 模块中导出的值 objrequire(['a'],(obj)=>{console.log("我是 a.js 中的 obj :>>", obj);console.log(a);});</script>
</html>// 打印如下
a.js:2 我是a.js
b.js:2 我是b.js
a.js:4 我是 b.js 中的变量:>> {str: "我是b.js的变量"}
index.html:16 我是 a.js 中的 obj :>> {name: "蔡徐坤"}
index.html:17 1

// a.js
let a = 1; // 放在define 外边的话，这个变量就算是全局变量了
console.log("我是a.js");
define(["b.js"], function (obj) {console.log("我是 b.js 中的变量:>>", obj);return {name: "蔡徐坤",};
});

define( function() {console.log('我是b.js');let str = '我是b.js的变量'return {str}
});

以上就是些有用的基本知识啦，接下来是一些常用内置模块的介绍

Node 常用内置模块

大体有如下模块，乌泱泱一堆啊。

Buffer，C/C++Addons，Child Processes，Cluster，Console，Crypto，Debugger，DNS，Domain，Errors，Events，File System，Globals，HTTP，HTTPS，Modules，Net，OS，Path，Process，Punycode，Query Strings，Readline，REPL，Stream，String De coder，Timers，TLS/SSL，TTY，UDP/Datagram，URL， Utilities，V8，VM，ZLIB；

内置模块不需要安装，外置模块需要安装；

// 内置模块直接引入即可
require("http");

fs 文件操作 *

文件操作分为两个大类

  1. 文件操作
  2. 目录操作

顾名思义，操作的目标不同而已

所有的操作都分同步和异步的，区别就是是否加 Sync

文件操作
写入文件
/*第三个参数，添加配置flag 的值有a 追加写入w 写入：会把文件重写覆盖掉r 读取
*/
fs.writeFile("1.txt", "我是写入的文字", { flag: "a" }, function (err) {if (err) {console.log(err);}console.log("写入成功");
});
读取文件
/*** 文件读取* 参数：文件路径，读取格式，回调函数*/
fs.readFile('1.txt',"utf8",(err,data)=>{if(err){console.log(err);}console.log(data);
})
// buffer 可以通过 toString() 来转换成文字，如果 buffer 本身是文字的话

如果这些操作没有添加Sync，都是异步的。

如何修改成同步的呢？只需添加上Sync即可，同步的话就没有回调函数了，下面就是例子

let rst = fs.readFileSync('1.txt');
console.log(rst.toString());
修改文件名
fs.rename("1.txt", "2.txt", (err) => {if (err) {return console.log(err);}// 如果没有错误，那么err等于nullconsole.log("修改成功");
});
删除文件
fs.unlink("2.txt", (err) => {if (err) {return console.log(err);}console.log("删除成功");
});
复制文件

复制文件有两个办法

  1. 先读文件，再写文件
  2. 使用 copyFile
// 1、根据思路可以自己封装一个方法
const myCopy = (src,dest)=>{fs.writeFileSync(dest,fs.readFileSync(src));
}
myCopy("2.txt","3.txt")// 2、直接使用现成的
fs.copyFile('2.txt','2_copy.txt',err=>{if(err){return console.log(err);}console.log('复制成功');
})
目录操作
创建目录
/*** 创建目录*/
fs.mkdir('1',err=>{if(err){return console.log(err);}console.log('创建成功');
})
修改目录名
/*** 修改目录名*/
fs.rename("1", "2", (err) => {if (err) {return console.log(err);}console.log("修改文件夹名称成功");
});
读取目录

默认只读一层目录，什么意思呢，就是你读取的目录下也可能有文件夹是吧？那么这个文件夹中的内容就不会读了。

/*** 读取目录：能够读取到目录和文件，其中目录没有后缀，文件有后缀*/
fs.readdir('2',(err,data)=>{if(err){return console.log('err');}console.log('读取目录:>>',data);   //读取目录:>> [ '1.html', 'index.js' ]
})
删除空文件夹
/*** 删除目录：前提，一定是空目录*/fs.rmdir('2',err=>{if(err){return console.log(err);}console.log('删除成功:>>',data);})
删除非空文件夹

/*** 删除非空文件夹* 思路：先把目录中的文件删除，之后删除空目录* 注意：node删除的文件不会放到回收站，所以 注意备份*/
function removeDir(path) {let data = fs.readdirSync(path);for (let i = 0; i < data.length; i++) {// 判断是文件或者是目录// 文件：直接删除// 目录：继续查找let url = path + "/" + data[i];let stat = fs.statSync(url);if(stat.isDirectory()){// 继续查找,递归removeDir(url)}else{// 文件删除fs.unlinkSync(url);}}// 删除空目录fs.rmdirSync(path);
}
removeDir('2 copy');
我写的版本

刚开始我没看他写的，自己想了想，我自己写的一个版本，差了一点。

第一版：比较可惜，就差一点点没写出来，就是最后删文件夹那一步

我还在想如何去删空的文件夹，其实当我们把当前文件夹下的文件都删除掉了，就可以直接删除空文件夹了。

function df(dirName) {let dirArr = fs.readdirSync(dirName);dirArr.forEach((item) => {console.log(item);const path = `${dirName}/${item}`;fs.stat(path, (err, stat) => {console.log(path);if (err) {return err;}if(stat.isDirectory() === true) {df(path)}if (stat.isFile() === true) {fs.unlinkSync(path)}});});
}

第二版：fs.stat 不能写成异步的

// 报错信息：Error: ENOTEMPTY: directory not empty, rmdir 'newDir'
// 思路：报错信息说不是空文件夹，就要思考为什么不是空文件夹！！！原来是异步导致的，所以只需要改成同步的即可
function df(dirName) {let dirArr = fs.readdirSync(dirName);dirArr.forEach((item) => {const path = `${dirName}/${item}`;fs.stat(path, (err, stat) => {if (stat.isDirectory() === true) {df(path);} else {fs.unlinkSync(path);}});});fs.rmdirSync(dirName);
}

最终版

function df(dirName) {let dirArr = fs.readdirSync(dirName);dirArr.forEach((item) => {const path = `${dirName}/${item}`;let stat = fs.statSync(path);if (stat.isDirectory() === true) {df(path);} else {fs.unlinkSync(path);}});fs.rmdirSync(dirName);
}
通用方法
判断文件或者文件夹是否存在
fs.exists('a.txt',(isexists)=>{console.log(isexists);
})
获取文件或者目录的详细信息 / 判断文件、目录
/*** 获取文件或者目录的详细信息,判断是否是文件(夹)*/
fs.stat('index.html',(err,stat)=>{if(err){return console.log(err);}// 判断是否是一个文件let isFile = stat.isFile();console.log(isFile);// 判断是否是一个文件夹let isDirectory = stat.isDirectory()console.log(isDirectory);stat.isFile();
})
速查表格
功能函数
文件操作
写入文件fs.writeFile
读取文件fs.readFile
修改文件名fs.rename
删除文件fs.unlink
复制文件fs.copyFile
目录操作
创建目录fs.mkdir
修改目录名fs.rename
读取目录fs.readdir(path)
删除空文件夹fs.rmdir
通用方法
判断文件或者文件夹是否存在fs.exists
获取文件或者目录的详细信息fs.stat
判断文件stat.isFile()
判断是否是目录stat.isDirectory()

buffer 模块

概念

在文件读取的时候，如果不声明 utf8 的时候，我们打印出来的是 buffer ，那么什么是 buffer 呢？

可以理解成为一个数据格式

为啥要用buffer？
因为二进制文件，底层传输的快。

创建 buffer

指定创建 10 字节的 buffer

// 字节大小，默认填 0
// 呈现：是用两位 16 进制呈现的
let buffer = Buffer.alloc(10);		// 创建10字节的buffer流
console.log(buffer); //<Buffer 00 00 00 00 00 00 00 00 00 00>

创建内容为文字的 buffer 流

let buffer1 = Buffer.from('大家好')
console.log(buffer1);   // <Buffer e5 a4 a7 e5 ae b6 e5 a5 bd>

可以观察并推测到一个文字对应三个 buffer 字节

我们还可以通过数组的形式来创建

let buffer2 = Buffer.from([0xe5,0xa4,0xa7,0xe5,0xae,0xb6,0xe5,0xa5,0xbd]);
console.log(buffer2);   // <Buffer e5 a4 a7 e5 ae b6 e5 a5 bd>
console.log(buffer2.toString());    // 大家好

转换成字符串 toString

拼接二进制流可以用concat方法

let buffer3 = Buffer.from([0xe5,0xa4,0xa7,0xe5]);
let buffer4 = Buffer.from([0xae,0xb6,0xe5,0xa5,0xbd]);
console.log(buffer3.toString());    // 大�let newbuffer = Buffer.concat([buffer3,buffer4]);
console.log(newbuffer.toString());  // 大家好

从以上的例子我们可以推断出，一个汉字占用3个字节，可以看到大后面的乱码，就是因为没有字节去描述这个汉字了，所以就乱码了…

或者可以通过node给的方法 StringDecoder，此方法会把第一个多余的buffer存起来，然后跟第二个拼接起来，所以不会出现乱码。

let {StringDecoder } = require('string_decoder');
let decoder = new StringDecoder();
let buffer3 = Buffer.from([0xe5,0xa4,0xa7,0xe5]);
let buffer4 = Buffer.from([0xae,0xb6,0xe5,0xa5,0xbd]);
let res3 = decoder.write(buffer3);
let res4 = decoder.write(buffer4);
console.log(res3);  // 大
console.log(res4);  // 家好

stream 流

为啥要用流？

为啥要用流呢？
我来描述一个场景，假如你的电脑内存是1g，而你要传输一个2g的文件，那么直接读取2g并传输，内存就爆仓了
所以有了一个解决方案：把2g的文件切成很小的小块，然后在传输
这样也会有其他的好处，比方说你的带宽不够时，一下子传递很大的文件会很吃力，而分成小块儿去传递的话，轻松了不少，侧面上来讲，提高了性能

也就是把大象装冰箱里，总共分几步的问题~

首先创建二进制流并写入文件

// 创建 65kb 的 buffer
let buffer = Buffer.alloc(65 * 1024);// 写入（保存成文件）
fs.writeFile("65kb", buffer, (err) => {if (err) {return console.log(err);}console.log("写入成功!");
});

在这里插入图片描述

然后创建流读取 fs.createReadStream()

const fs = require("fs");
let num = 0;
let rs = fs.createReadStream("65kb"); // 每次分成 64kb 的小块
rs.on("data", (chunk) => {++num;console.log(chunk,num);
});

输出结果如下：
在这里插入图片描述

chunk 能有多大（验证）？

那么流会每次会把文件分成多大份呢？我们来做一个实验

我们在上面的操作图片中能够看到，65kb大小的文件，是分成两个流的
那么我们创建一个64kb 的文件，然后记录一下分流的次数

在这里插入图片描述

所以我们推断，分流每次切成64字节的chunk

如何判断流完成？

可以通过 on 中的end 来判断

const fs = require("fs");
let num = 0;
let rs = fs.createReadStream("65kb"); // 每次分成 64kb 的小块
rs.on("data", (chunk) => {++num;console.log(chunk,num);
});rs.on('end',()=>{console.log("流完成");
})

在这里插入图片描述

管道 pipe

pipe 译为管道，我们呢创建好读取流之后，通过管道，我们把chunk 写入某文件中并拼接，跟赋值的操作差不多啊，这样的操作如下~

const fs = require('fs')
let rs = fs.createReadStream("65kb");   // 创建读取流
let ws = fs.createWriteStream('ws.txt');  // 创建写入流
rs.pipe(ws);    // 管道，rs 读取完之后，通过管道，写进 ws 中

在这里插入图片描述

这篇关于【前端35_Node】基础：起步安装、Node的模块化、Node 常用内置模块：fs、buffer、Stream的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/976075。

相关文章

部署Vue项目到服务器后404错误的原因及解决方案

部署Vue项目到服务器后404错误的原因及解决方案

《部署Vue项目到服务器后404错误的原因及解决方案》文章介绍了Vue项目部署步骤以及404错误的解决方案,部署步骤包括构建项目、上传文件、配置Web服务器、重启Nginx和访问域名,404错误通常是... 目录一、vue项目部署步骤二、404错误原因及解决方案错误场景原因分析解决方案一、Vue项目部署步骤
阅读更多...
C#中读取XML文件的四种常用方法

C#中读取XML文件的四种常用方法

《C#中读取XML文件的四种常用方法》Xml是Internet环境中跨平台的,依赖于内容的技术,是当前处理结构化文档信息的有力工具,下面我们就来看看C#中读取XML文件的方法都有哪些吧... 目录XML简介格式C#读取XML文件方法使用XmlDocument使用XmlTextReader/XmlTextWr
阅读更多...
前端原生js实现拖拽排课效果实例

前端原生js实现拖拽排课效果实例

《前端原生js实现拖拽排课效果实例》：本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2
阅读更多...
0基础租个硬件玩deepseek,蓝耘元生代智算云|本地部署DeepSeek R1模型的操作流程

0基础租个硬件玩deepseek,蓝耘元生代智算云|本地部署DeepSeek R1模型的操作流程

《0基础租个硬件玩deepseek,蓝耘元生代智算云|本地部署DeepSeekR1模型的操作流程》DeepSeekR1模型凭借其强大的自然语言处理能力,在未来具有广阔的应用前景,有望在多个领域发... 目录0基础租个硬件玩deepseek,蓝耘元生代智算云|本地部署DeepSeek R1模型，3步搞定一个应
阅读更多...
Python安装时常见报错以及解决方案

Python安装时常见报错以及解决方案

《Python安装时常见报错以及解决方案》：本文主要介绍在安装Python、配置环境变量、使用pip以及运行Python脚本时常见的错误及其解决方案,文中介绍的非常详细,需要的朋友可以参考下... 目录一、安装 python 时常见报错及解决方案（一）安装包下载失败（二）权限不足二、配置环境变量时常见报错及
阅读更多...
CSS弹性布局常用设置方式

CSS弹性布局常用设置方式

《CSS弹性布局常用设置方式》文章总结了CSS布局与样式的常用属性和技巧,包括视口单位、弹性盒子布局、浮动元素、背景和边框样式、文本和阴影效果、溢出隐藏、定位以及背景渐变等,通过这些技巧,可以实现复杂... 一、单位元素vm 1vm 为视口的1%vh 视口高的1%vmin 参照长边vmax 参照长边re
阅读更多...
MySQL8.2.0安装教程分享

MySQL8.2.0安装教程分享

《MySQL8.2.0安装教程分享》这篇文章详细介绍了如何在Windows系统上安装MySQL数据库软件,包括下载、安装、配置和设置环境变量的步骤... 目录mysql的安装图文1.python访问网址2javascript.点击3.进入Downloads向下滑动4.选择Community Server5.
阅读更多...
CSS3中使用flex和grid实现等高元素布局的示例代码

CSS3中使用flex和grid实现等高元素布局的示例代码

《CSS3中使用flex和grid实现等高元素布局的示例代码》：本文主要介绍了使用CSS3中的Flexbox和Grid布局实现等高元素布局的方法，通过简单的两列实现、每行放置3列以及全部代码的展示，展示了这两种布局方式的实现细节和效果，详细内容请阅读本文，希望能对你有所帮助... 过往的实现方法是使用浮动加
阅读更多...
css渐变色背景|＜gradient示例详解

css渐变色背景|＜gradient示例详解

《css渐变色背景|＜gradient示例详解》CSS渐变是一种从一种颜色平滑过渡到另一种颜色的效果,可以作为元素的背景,它包括线性渐变、径向渐变和锥形渐变，本文介绍css渐变色背景|＜gradien... 使用渐变色作为背景可以直接将渐China编程变色用作元素的背景，可以看做是一种特殊的背景图片。（是作为背
阅读更多...
CentOS系统Maven安装教程分享

CentOS系统Maven安装教程分享

《CentOS系统Maven安装教程分享》本文介绍了如何在CentOS系统中安装Maven,并提供了一个简单的实际应用案例,安装Maven需要先安装Java和设置环境变量,Maven可以自动管理项目的... 目录准备工作下载并安装Maven常见问题及解决方法实际应用案例总结Maven是一个流行的项目管理工具
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2