尚硅谷最新Node.js 学习笔记(一)

目录

一、Nodejs入门

1.1、为什么要学习Nodejs?

1.2、Nodejs是什么?

1.3、Nodejs的作用

1.4、Nodejs安装

1.5、Nodejs初体验

1.6、编码注意事项

二、Buffer(缓冲器)

2.1、概念

2.2、特点

2.3、使用

创建Buffer

Buffer与字符串的转化

Buffer的读写

三、fs模块

3.1、文件写入

异步写入

同步写入

appendFile / appendFileSync 追加写入

createWriteStream 流式写入

写入文件的场景

3.2、文件读取

readFile 异步读取

readFile 同步读取

createReadStream 流式读取

读取文件应用场景

3.3、文件移动与重命名

3.4、文件删除

3.5、文件夹操作

mkdir 创建文件夹

readdir 读取文件夹

rmdir 删除文件夹

3.6、查看资源状态

3.7、相对路径问题

3.8、__dirname

四、Path模块


一、Nodejs入门

1.1、为什么要学习Nodejs?

(1)可以让其它人访问我们编写的网页。

(2)为后续的框架(Vue、React、Angular)学习打基础。

1.2、Nodejs是什么?

通俗来讲:Nodejs就是一款应用程序,是一款软件,它可以运行JavaScript。

1.3、Nodejs的作用

  1. 开发服务器应用
  2. 开发工具类应用(webpack、vite、babel)
  3. 开发桌面端应用(vscode、postman...)

1.4、Nodejs安装

这面介绍个工具nvm,它是一个nodejs版本管理工具,有了它一行命令就可以安装各种版本的nodejs,也可以随意切换版本。

参考我另一篇文章:nvm 安装nodejs教程【详细】-CSDN博客

1.5、Nodejs初体验

假如我在D盘下创建了一个hello.js文件,代码如下:

console.log("Hello NodeJS");

然后我们用cmd终端去运行这段代码:

1.6、编码注意事项

  1. Node.js中是不能使用BOM和DOM的API的,不过console和定时器是可以使用的。
  2. Node.js中顶级对象为global,也可以用globalThis访问顶级对象。

二、Buffer(缓冲器)

2.1、概念

Buffer 是一个类似于数组的对象 ,用于表示固定长度的字节序列
Buffer 本质是一段内存空间,专门用来处理二进制数据

2.2、特点

1. Buffer 大小固定且无法调整
2. Buffer 性能较好,可以直接对计算机内存进行操作
3. 每个元素的大小为 1 字节(byte)

2.3、使用

创建Buffer

Node.js 中创建 Buffer 的方式主要如下几种:

// 1、alloc
// 创建了一个长度为 10 字节的 Buffer,相当于申请了 10 字节的内存空间,每个字节的值为 0
let buf = Buffer.alloc(10);
console.log(buf); // <Buffer 00 00 00 00 00 00 00 00 00 00>// 2、Buffer.allocUnsafe
// 创建了一个长度为 10 字节的 Buffer,buffer 中可能存在旧的数据, 可能会影响执行结果,所以叫unsafe
let buf_2 = Buffer.allocUnsafe(10);
console.log(buf_2); // <Buffer 00 00 00 00 00 00 00 00 00 00>// 3、通过字符串创建 Buffer
let buf_3 = Buffer.from('hello');
//通过数组创建 Buffer
let buf_4 = Buffer.from([105, 108, 111, 118, 101, 121, 111, 117]);
console.log(buf_3); // <Buffer 68 65 6c 6c 6f>
console.log(buf_4); // <Buffer 69 6c 6f 76 65 79 6f 75>

Buffer与字符串的转化

let buf_4 = Buffer.from([105, 108, 111, 118, 101, 121, 111, 117]);
console.log(buf_4.toString()); // iloveyou

Buffer的读写

Buffer 可以直接通过 [] 的方式对数据进行处理。

let buf = Buffer.from('hello');
console.log(buf[0]); // 104
console.log(buf[0].toString(2)); // 1101000

三、fs模块

fs 全称为 file system ,称之为 文件系统 ,是 Node.js 中的 内置模块 ,可以对计算机中的磁盘进行操作。

文件写入就是将数据保存到文件中,我们可以使用如下几个方法来实现该效果。

3.1、文件写入

异步写入

// 1、导入fs模块
const fs = require('fs');// 2、写入文件
fs.writeFile('./座右铭.txt', '三人行,必有我师焉', err => {if (err) {console.log("写入失败");return;}console.log("写入成功");
});

同步写入

fs.writeFileSync('./data.txt', 'test');

writeFileSync没有 callback 参数。

appendFile / appendFileSync 追加写入

// 追加写入
fs.appendFile('./座右铭.txt','择其善者而从之,其不善者而改之', err => {if (err) {console.log("追加写入失败");return;}console.log("追加写入成功");
});

createWriteStream 流式写入

let ws = fs.createWriteStream('./观书有感.txt');
ws.write('半亩方塘一鉴开\r\n');
ws.write('天光云影共徘徊\r\n');
ws.write('问渠那得清如许\r\n');
ws.write('为有源头活水来\r\n');
ws.end()

程序打开一个文件是需要消耗资源的 ,流式写入可以减少打开关闭文件的次数。
流式写入方式适用于 大文件写入或者频繁写入 的场景, writeFile 适合于 写入频率较低的场景。

写入文件的场景

文件写入 在计算机中是一个非常常见的操作,下面的场景都用到了文件写入:

  • 下载文件
  • 安装软件
  • 保存程序日志,如 Git
  • 编辑器保存文件
  • 视频录制
需要持久化保存数据 的时候,应该想到 文件写入

3.2、文件读取

readFile 异步读取

// 读取文件
fs.readFile('./观书有感.txt', 'utf-8',(err, data) => {if(err) throw err;console.log(data);
});

readFile 同步读取

let data2 = fs.readFileSync('./观书有感.txt', 'utf-8');

createReadStream 流式读取

//创建读取流对象
let rs = fs.createReadStream('./观书有感.txt', 'utf-8');
//每次取出 64k 数据后执行一次 data 回调
rs.on('data', data => {console.log(data);console.log(data.length);
});
//读取完毕后, 执行 end 回调
rs.on('end', () => {console.log('读取完成')
})

读取文件应用场景

  • 电脑开机
  • 程序运行
  • 编辑器打开文件
  • 查看图片
  • 播放视频
  • 播放音乐
  • Git 查看日志
  • 上传文件
  • 查看聊天记录

3.3、文件移动与重命名

在 Node.js 中,我们可以使用 rename renameSync 来移动或重命名文件或文件夹。

fs.rename('./观书有感.txt', './论语/观书有感.txt', (err) =>{if(err) throw err;console.log('移动完成')
});
fs.renameSync('./座右铭.txt', './论语/我的座右铭.txt');

3.4、文件删除

在 Node.js 中,我们可以使用 unlink unlinkSync 来删除文件。

fs.unlink('./data.txt', err => {if(err) throw err;console.log('删除成功');
});
fs.unlinkSync('./data1.txt');

3.5、文件夹操作

借助 Node.js 的能力,我们可以对文件夹进行 创建 、 读取 、 删除 等操作。

mkdir 创建文件夹

在 Node.js 中,我们可以使用 mkdir mkdirSync 来创建文件夹。

//异步创建文件夹
fs.mkdir('./page', err => {if(err) throw err;console.log('创建成功');
});
//递归异步创建
fs.mkdir('./1/2/3', {recursive: true}, err => {if(err) throw err;console.log('递归创建成功');
});
//递归同步创建文件夹
fs.mkdirSync('./x/y/z', {recursive: true});

readdir 读取文件夹

//异步读取
fs.readdir('./论语', (err, data) => {if(err) throw err;console.log(data);
});
//同步读取
let data = fs.readdirSync('./论语');
console.log(data);

rmdir 删除文件夹

//异步删除文件夹
fs.rmdir('./page', err => {if(err) throw err;console.log('删除成功');
});
//异步递归删除下面的文件夹
fs.rmdir('./1', {recursive: true}, err => {if(err) {console.log(err);}console.log('递归删除')
});
//同步递归删除下面的文件夹
fs.rmdirSync('./x', {recursive: true})

3.6、查看资源状态

在 Node.js 中,我们可以使用 stat statSync 来查看资源的详细信息。

//异步获取状态
fs.stat('./观书有感.txt', (err, data) => {if(err) throw err;console.log(data);
});
//同步获取状态
let data = fs.statSync('./观书有感.txt');

结果值对象结构:

  • size 文件体积
  • birthtime 创建时间
  • mtime 最后修改时间
  • isFile 检测是否为文件
  • isDirectory 检测是否为文件夹

   ......

3.7、相对路径问题

fs 模块对资源进行操作时,路径的写法有两种:

相对路径

  • ./座右铭.txt 当前目录下的座右铭.txt
  • 座右铭.txt 等效于上面的写法
  • ../座右铭.txt 当前目录的上一级目录中的座右铭.txt

绝对路径

  • D:/Program Files windows 系统下的绝对路径
  • /usr/bin Linux 系统下的绝对路径

3.8、__dirname

__dirname require 类似,都是 Node.js 环境中的'全局'变量。
__dirname 保存着 当前文件所在目录的绝对路径 ,可以使用 __dirname 与文件名拼接成绝对路径。

let data = fs.readFileSync(__dirname + '/观书有感.txt', 'utf-8');

使用 fs 模块的时候,尽量使用 __dirname 将路径转化为绝对路径,这样可以避免相对路径产生的Bug

四、Path模块

path 模块提供了 操作路径 的功能,我们将介绍如下几个较为常用的几个 API:

const path = require('path');//获取路径分隔符
console.log(path.sep); // \
//拼接绝对路径
console.log(path.resolve(__dirname, 'test')); // D:\study\nodejs\projects\node_learn\test
//解析路径
let pathname = 'D:/program file/nodejs/node.exe';
console.log(path.parse(pathname));
//获取路径基础名称
console.log(path.basename(pathname)) // node.exe
//获取路径的目录名
console.log(path.dirname(pathname)); // D:/program file/nodejs
//获取路径的扩展名
console.log(path.extname(pathname)); // .exe

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/682715.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Cocos2dx-lua ScrollView[一]基础篇

一.ScrollView概述 cocos游戏中ScrollView控件大量使用,95%以上的项目都会使用ScrollView,个别游戏可能全部使用翻页的滑动效果。如果想要精通Cocos的UI开发,精通ScrollView控件非常关键,因此对ScrollView的使用进行总结很有必要。 下文缩写说明:sv = ScrollView, item代…

嵌入式Linux网络编程入门:轻松构建网络通信

大家好&#xff0c;今天给大家介绍嵌入式Linux网络编程入门&#xff1a;轻松构建网络通信&#xff0c;文章末尾附有分享大家一个资料包&#xff0c;差不多150多G。里面学习内容、面经、项目都比较新也比较全&#xff01;可进群免费领取。 为什么选择嵌入式Linux网络编程&#x…

vue3+ts+vite+uniapp项目常见问题

vue3tsvite中""路径失效的问题 ""需要进行配置&#xff1a; 首先npm install types/node --save-dev&#xff08;需要用到node其中的path&#xff09;接着在vite.config.ts配置文件中进行配置&#xff1a; 引入 import path from ‘path’&#xff0c;然…

Imgui(2) | macOS 绘制 CPU 占用率曲线

Imgui(2) | macOS 绘制 CPU 占用率曲线 文章目录 Imgui(2) | macOS 绘制 CPU 占用率曲线0. 简介1. 绘制曲线 - 以正弦函数为例1.1 基于 sf::RectangleShape 的渲染 - 不好看&#xff0c;效率低1.2 基于 sf::VertexArray 的绘制 2. 获取和绘制所有 CPU 的占用率2.1 测试程序 - 用…

1.JavaScript中的数据类型

JavaScript有哪些数据类型&#xff0c;它们的区别&#xff1f; JavaScript共有八种数据类型&#xff0c;分别是 Undefined、Null、Boolean、Number、String、Object、Symbol、BigInt。 其中 Symbol 和 BigInt 是ES6 中新增的数据类型&#xff1a; Symbol 代表创建后独一无二…

LeetCode Python - 16.最接近的三数之和

目录 题目答案运行结果 题目 给你一个长度为 n 的整数数组 nums 和 一个目标值 target。请你从 nums 中选出三个整数&#xff0c;使它们的和与 target 最接近。 返回这三个数的和。 假定每组输入只存在恰好一个解。 示例 1&#xff1a; 输入&#xff1a;nums [-1,2,1,-4],…

MongoDB聚合:$shardedDataDistribution

$shardedDataDistribution阶段是从6.0.3开始支持的&#xff0c;用于返回分片集合中数据分布的信息。该聚合阶段必须在admin数据库上运行&#xff0c;且用户必须拥有shardedDataDistribution操作权限。 语法 db.aggregate( [{ $shardedDataDistribution: { } } ] )用法 $shar…

代码随想录算法训练营第三十一天|● 理论基础 ● 455.分发饼干 ● 376. 摆动序列 ● 53. 最大子序和

仅做学习笔记&#xff0c;详细请访问代码随想录 ● 理论基础 ● 455.分发饼干 ● 376. 摆动序列 ● 53. 最大子序和 ● 理论基础 有同学问了如何验证可不可以用贪心算法呢&#xff1f; 最好用的策略就是举反例&#xff0c;如果想不到反例&#xff0c;那么就试一试贪心吧。 …

基于轻量级卷积神经网络模型MobileNet开发构建基于GTSRB数据集的道路交通标识识别系统

相信经常需要开车出行的人对于各种各样的道路交通标识定是不陌生的&#xff0c;但是对于经常不开车的人来说生活中出现的形形色色的道路交通标识就未必都能认出来了&#xff0c;本文的主要目的就是想要基于CNN来开发构建道路交通标识识别分析系统&#xff0c;实现看图识标&…

谷歌浏览器安装扩展程序axure-chrome-extension

注&#xff1a; 文末附扩展附件&#xff1a;axure-chrome-extension_v0.7.0.crx 1、安装扩展程序axure-chrome-extension 找到axure-chrome-extension.crx&#xff0c;把axure-chrome-extension.crx后缀改为zip&#xff0c;然后解压&#xff0c;得到一个文件夹 2、打开谷歌浏览…

docker (二)-yum二进制部署

yum安装docker&#xff08;Linux&#xff09; 安装环境&#xff1a;CentOS 7.9 一 如果之前安装了旧版docker&#xff0c;请先删除 sudo yum remove docker \docker-client \docker-client-latest \docker-common \docker-latest \docker-latest-logrotate \docker-logrotat…

枚举知识点解析

枚举是什么&#xff1f;枚举就是列举&#xff0c; 将东西一一列举出来。 生活中有许多地方需要用到枚举&#xff0c; 比如一年有12个月&#xff0c;一星期有7天&#xff0c; 这些都需要进行枚举。 那么&#xff0c; 如何进行枚举的定义呢&#xff1f; 如下 枚举中的值是一种…

Shell 学习笔记(二)-输入输出重定向

输入输出重定向 一 linux 的标准输入与输出 设备设备名文件描述符类型键盘/dev/stdin0标准输入键盘/dev/stdout1标准输出显示器/dev/stderr2标准错误输出 输入重定向&#xff1a;是指不使用系统提供的标准输入端口&#xff0c;而进行重新的指定。换言之&#xff0c;输入重定…

ubuntu22.04@laptop OpenCV Get Started: 008_image_filtering_using_convolution

ubuntu22.04laptop OpenCV Get Started: 008_image_filtering_using_convolution 1. 源由2. convolution应用Demo2.1 C应用Demo2.2 Python应用Demo 3. 重点分析3.1 identity矩阵3.2 all ones 5x5矩阵3.3 blur 5x5矩阵3.4 GaussianBlur 5x5矩阵3.5 medianBlur 5x5矩阵3.6 Sharpe…

018_配置测试微服务基本的CRUD功能

文章目录 整合mybatis plus01 - 导入依赖02 - 配置2.1 - 配置数据源2.1.1 - 导入数据库驱动插曲:调整一下common module当中的异常报错2.1.2 - 配置数据源application.yaml2.2 - 配置mybatis-plus信息配置主键自增单元测试测试过程我们想要测试一下逆向工程生成的代码。 整合m…

Spring 用法学习总结(一)之基于 XML 注入属性

百度网盘&#xff1a; &#x1f449; Spring学习书籍链接 Spring学习 1 Spring框架概述2 Spring容器3 基于XML方式创建对象4 基于XML方式注入属性4.1 通过set方法注入属性4.2 通过构造器注入属性4.3 使用p命名空间注入属性4.4 注入bean与自动装配4.5 注入集合4.6 注入外部属性…

STL - 容器适配器

1、容器适配器 1.1、什么是适配器 适配器是一种设计模式(设计模式是一套被反复使用的、多数人知晓的、经过分类编目的、代码设计经验的总结)&#xff0c;该种模式是将一个类的接口转换成客户希望的另外一个接口 1.2、STL标准库中stack和queue的底层结构 虽然stack和queue中也可…

C# Winform .net6自绘的圆形进度条

using System; using System.Drawing; using System.Drawing.Drawing2D; using System.Windows.Forms;namespace Net6_GeneralUiWinFrm {public class CircularProgressBar : Control{private int progress 0;private int borderWidth 20; // 增加的边框宽度public int Progr…

CTFshow web(php文件上传155-158)

web155 老样子&#xff0c;还是那个后端检测。 知识点&#xff1a; auto_append_file 是 PHP 配置选项之一&#xff0c;在 PHP 脚本执行结束后自动追加执行指定的文件。 当 auto_append_file 配置被设置为一个文件路径时&#xff0c;PHP 将在执行完脚本文件的所有代码后&…

收集域名信息

进行渗透测试之前&#xff0c;最重要的一步就是信息收集&#xff0c;在这个阶段&#xff0c;我们要尽可能 地收集目标组织的信息。所谓“知己知彼&#xff0c;百战不殆”,我们越是了解测试目标&#xff0c;测试 的工作就越容易。在信息收集中&#xff0c;最主要的就是收集服务器…