当前位置: 首页 > news >正文

01、NodeJS学习笔记,第一节:Node.js初识与内置模块

一、初识Node.js与内置模块

##网址   https://nodejs.org##npm包  https://www.npmjs.com/       (搜索)https://registry.npmjs.org/  (下载)

1、初识Node.js

##思考:为什么JavaScript可以在浏览器中被执行因为浏览器中有JavaScript解析引擎。(js==>js核心语法+webAPI)(webAPI===>DOM API+BOM API+AJAX等)##不同浏览器的JavaScritpt解析引擎:chrome  == > V8FireFox == > OdinMonkeySafri   == > JSCoreIE      == > Chakra其中Chrome浏览器的V8解析引擎性能最好##为什么JavaScript可以操作DOM和BOM浏览器内置了DOM、BOM、Canvas、XMLHttpRequest、JS内置对象等 

在这里插入图片描述

##什么是Node.jsNode.js是一个基于Chrome V8引擎的JavaScript运行环境注意:
·浏览器是JavaScript的前端运行环境,
·Node.js是JavaScript的后端运行环境
·Node.js中无法调用DOM和BOM等浏览器内置函数    

在这里插入图片描述

##Node.js可以做什么Node.js 作为一个JavaScript 的运行环境,仅仅提供了基础的功能和 AP!。然而,基于 Node.js 提供
的这些基础能,很多强大的工具和框架如雨后春笋,层出不穷,所以学会了 Node.js ,可以让前端程序员胜
任更多的工作和岗位:① 基于 Express 框架(http://www.expressjs.com.cn/),可以快速构建 Web 应用
② 基于 Electron 框架(https://electronjs.org/),可以构建跨平台的桌面应用
③ 基于 restify 框架(http://restify.com/),可以快速构建 API接囗项目
④ 读写和操作数据库、创建实用的命令行工具辅助前端开发...

2、Node.js安装

##安装包下载:
https://nodejs.org/zh-cn
(LTS是长期稳定版本  、  Current是新特性尝鲜版)##查看Node.js版本
node -v//TODO 设置 node_cache   node_global等路径

3、初步使用

##如何在Node.js中执行js代码> 打开终端
> 输入要node执行的js文件路径如: node d:/hello.js

在这里插入图片描述

4、内置模块

4.1、fs文件系统模块

fs 模块是 Node.js 官方提供的、用来操作文件的模块。
它提供了一系列的方法和属性,用来满足用户对文件的操作需求。
##导入模块const fs = require('fs');  ##这样node.js会自动查找和下载对应的模块
##语法:fs.readFile(path  [,options],  callback)  读取指定文件中的内容#[,options]表示options是可选参数#path     文件路径#options  编码格式 默认utf8#callback 回调函数fs.writeFile(file,data [,options],callback) 向指定的文件中写入内容 【新写入的内容会覆盖旧内容】# file 文件路径  (注意,该方法只能创建文件,不能创建目录)# data 待写入的内容# options 编码格式  默认utf8# callback 回调函数
//导入fs模块
const fs = require('fs');//读取文件
fs.readFile("../01、初识NodeJS/hello.js", 'utf8', function (err, fileContent) {//1、文件读取成功err为null //2、文件读取失败err为错误对象,fileContent为undefinedif (err != null) {console.log("文件读取失败" + err.message);} else {console.log("文件内容为" + fileContent);}
});
fs.writeFile("../01、初识NodeJS2/hellotoo.js", "这就是我想写入的内容", "utf8", function (err) {//路径不会自动生成//文件会自动生成//写入成功err为null,写入失败err为失败对象if (err != null) {console.log("写入文件错误:" + err.message);} else {console.log("写入文件成功");}
});
##注意事项:上面的./或../操作路径是以执行node命令时所处目录为相对路径的,所以当执行命令的路径不是当前js的
路径就会报错

在这里插入图片描述

##解决方案:
__dirname   表示当前文件所处的目录##拓展
./  当前目录
../ 上一级目录
##练习:
//导入fs模块
const fs = require('fs');
console.log(__dirname);//读取文件
fs.readFile(__dirname + "/../01、初识NodeJS/hello.js", 'utf8', function (err, fileContent) {//1、文件读取成功err为null //2、文件读取失败err为错误对象,fileContent为undefinedif (err != null) {console.log("文件读取失败" + err.message);} else {console.log("文件内容为" + fileContent);}
});

在这里插入图片描述

4.2、path路径模块

path 模块是 Node.js 官方提供的、用来处理路径的模块。它提供了一系列的方法和属性,用来满足用户对路径的处理需求。
##导入模块const path = require('path'); 
##语法:path.join([..paths]) 方法,拼接多个路径# ..paths 任意多个路径片段# ../是有抵消前面路径的作用# 返回 拼接好后的路径path.basename(path[,ext]) 方法,获取路径中的文件名# path 文件路径# ext 文件扩展名 (会删除掉文件名的后缀)# 返回 路径中的最后一部分path.extname(path)  方法,获取路径中的拓展名# path 文件路径# 返回拓展名
##练习:
const path = require('path');
const fs = require('fs');const pathStr = path.join("/a", "/b/c", "../d", "/e");
console.log(pathStr); //输出结果为 /a/b/d/e//读取文件
fs.readFile(path.join(__dirname, "/..", "/01、初识NodeJS", "/hello.js"), 'utf8', function (err, fileContent) {//1、文件读取成功err为null //2、文件读取失败err为错误对象,fileContent为undefinedif (err != null) {console.log("文件读取失败" + err.message);} else {console.log("文件内容为" + fileContent);}
});let pathStr = "/a/b/c/hello.txt";
const fileName1 = path.basename(pathStr);
console.log(fileName1); //输出hello.txtconst fileName2 = path.basename(pathStr, ".txt");
console.log(fileName2); //输出hellolet extName = path.extname(pathStr);
console.log(extName); //输出.txt

4.3、fs和path综合案例

##需求:
将素材.html内容中的  style写入index.css文件,script写入index.js文件,html写入index.html文件。然后运行

素材如下:

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>index首页</title><style>html,body {margin: 0;padding: 0;height: 100%;background-image: linear-gradient(to bottom right, red, gold);}.box {width: 400px;height: 250px;background-color: rgba(255, 255, 255, 0.6);border-radius: 6px;position: absolute;left: 50%;top: 40%;transform: translate(-50%, -50%);box-shadow: 1px 1px 10px #fff;text-shadow: 0px 1px 30px white;display: flex;justify-content: space-around;align-items: center;font-size: 70px;user-select: none;padding: 0 20px;/* 盒子投影 */-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0%, transparent), to(rgba(250, 250, 250, .2)));}</style>
</head><body><div class="box"><div id="HH">00</div><div>:</div><div id="mm">00</div><div>:</div><div id="ss">00</div></div><script>window.onload = function () {// 定时器,每隔 1 秒执行 1 次setInterval(() => {var dt = new Date()var HH = dt.getHours()var mm = dt.getMinutes()var ss = dt.getSeconds()// 为页面上的元素赋值document.querySelector('#HH').innerHTML = padZero(HH)document.querySelector('#mm').innerHTML = padZero(mm)document.querySelector('#ss').innerHTML = padZero(ss)}, 1000)}// 补零函数function padZero(n) {return n > 9 ? n : '0' + n}</script>
</body></html>

代码如下:

const fs = require("fs");
const path = require("path");//正则表达式 最外层前后//表示这是个正则表达式 /s表示空字符 /S表示非空字符 *表示1次或多次
const regStyle = /<style>[\s\S]*<\/style>/;
const regJs = /<script>[\s\S]*<\/script>/;fs.readFile(path.join(__dirname, "./source/素材.html"), "utf8", function (err, content) {if (err) {console.log("读取文件失败" + err.message);return;}//处理styledealStyle(content);//处理scriptdealScript(content);//处理htmldealHtml(content);
});//处理style
function dealStyle(htmlContent) {let styleContent = regStyle.exec(htmlContent);styleContent = styleContent[0].replace("<style>", "").replace("</style>", "");fs.writeFile(path.join(__dirname, "./source/index.css"), styleContent, "utf8", function (err) {if (err) {console.log("写入css内容出错" + err.message);return;}console.log("写入css内容成功.");});
};//处理script
function dealScript(htmlContent) {let scriptContent = regJs.exec(htmlContent);scriptContent = scriptContent[0].replace("<script>", "").replace("</script>", "");fs.writeFile(path.join(__dirname, "./source/index.js"), scriptContent, "utf8", function (err) {if (err) {console.log("写入js内容出错" + err.message);return;}console.log("写入js内容成功.");});
}//处理html
function dealHtml(htmlContent) {//替换style//替换jshtmlContent = htmlContent.replace(regStyle, '<link rel="stylesheet" href="./index.css">').replace(regJs, '<script src="./index.js"></script>');fs.writeFile(path.join(__dirname, "./source/index.html"), htmlContent, "utf8", function (err) {if (err) {console.log("写入html内容出错" + err.message);return;}console.log("写入html成功");});
}

4.4、http模块

http 模块是 Node。js 官方提供的、用来创建 web 服务器的模块。通过 http 模块提供的 http.createServer()方法,就能方便的把一台普通的电脑,
变成一台 Web 服务器,从而对外提供 Web 资源服务。服务器和普通电脑的区别在于,服务器上安装了 web 服务器软件,例如:IIS、Apache 等。通过安装这些服务器软就能把一台普通的电脑变成一台 web 服务器。在 Node.js 中,我们不需要使用 IIS、Apache 等这些第三方 web 服务器软件。因为我们可以基于 Node.js 提供的http 模块,通过几行简单的代码,
就能轻松的手写一个服务器软件,从而对外提供 web 服务。
##语法
const http = require("http");//创建web服务器实力
const server = http.createServer();//绑定request事件
server.on('request',(req,res)=>{})//启动和监听服务
server.listen('80',()=>{})
#req请求对象只要服务器接收到了客户端请求,就会调用server.on()为服务器绑定的request时间处理函数如果想在时间处理函数中访问与客户端相关的【数据】或【属性】,可以使用
req.url  //获取请求路径 
req.method //获取请求方式
#res响应对象res.setHeader('Content-Type','text/html; charser=utf-8');  //防止中文乱码res.end()  //向客户端发送指定内容,并结束这次请求的处理过程

示例1:

const http = require('http');//创建一个服务器
const server = http.createServer();//绑定request事件
server.on('request', (req, res) => {let url = req.url;let method = req.method;//想要使用${}的时候 前后必须用``包住,不能使用""let resStr = `我返回的内容:URL请求地址:${url},请求方式:${method}`;res.setHeader("Content-Type", "text/html; charset=utf-8");res.end(resStr);
});//启动服务并绑定80端口
server.listen(80, () => {console.log("this server is running.  url=>http://127.0.0.1:80");
})

在这里插入图片描述

示例2:

const http = require('http');//创建服务
const server = http.createServer();//绑定request事件
server.on('request', (req, res) => {let url = req.url;let content = "";if (url === "/" || url === "/index" || url === "/index.html") {content = `<h1>首页</h1>`;} else if (url === "/about" || url === "/about.html") {content = `<h1>相关页面</h1>`;} else {content = `<h1>404</h1>`;}// //设置头部信息res.setHeader('Content-Type', "text/html; charset=utf-8");// //向客户端发送指定内容,并结束这次请求的处理过程res.end(content);
});//监听80端口
server.listen(8081, () => {console.log("this server is running on port 80,  url: http://127.0.0.1:8081");
});

4.5、http综合案例

通过http实现 fs和path综合案例中的 clock
const http = require("http");
const fs = require("fs");
const path = require("path");const server = http.createServer();server.on('request', (req, res) => {let url = req.url;let sourcePath = path.join(__dirname, "../03、path模块/source", url);fs.readFile(sourcePath, "utf-8", (err, content) => {if (err) {console.log("文件读取失败" + sourcePath);return;}res.end(content);});
});server.listen(80, function () {console.log("server online, port:80,  url:http:127.0.0.1");
})

二、模块化、NPM与包

1、什么是模块化

模块化是指解决一个复杂问题时,自顶向下逐层把系统划分成若干模块的过程。对于整个系统来说,
模块是可组合、分解相更换的单元。> 提高了代码的复用性
> 提高了代码的可维护性
> 可以实现按需加载

2、模块化规范

2.1、模块的分类

Nodejs 中根据模块来源的不同,将模块分为了3大类,分别是:
》内置模块(内置模块是由 Node.js 官方提供的,例如 fs、path、http等)
》自定义模块(用户创建的每个.js 文件,都是自定义模块)
》第三方模块(由第三方开发出来的模块,并非官方提供的内置模块,也不是用户创建的自定义模块,使用前需要先下载)

2.2、加载模块

使用require()方法,可以加载内置模块、自定义模块、第三方模块。注意:自定义模块加载需要路径,如const custom = require("./custom.js");
## .js 后缀可以省略掉,node会自动加载使用 require()方法加载其它模块时,会自动执行被加载模块中的代码。
(可以做个测试:  custom.js 自定义模块里  只有 console.log("xxxx");的内容,然后直接引入,node执行看下)

2.3、模块作用域

和函数作用域类似,在自定义模块中定义的变量、方法等成员,只能在当前模块内被访问,
这种模块级别的访问限制,叫做模块作用域。##有利于防止全局变量被污染

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

module对象

在每个 js 自定义模块中都有一个 module 对象,它里面存储了和当前模块有关的信息

在这里插入图片描述

module.exports对象

在自定义模块中,可以使用 module.exports 对象,将模块内的成员共享出去,供外界使用.
外界用 require() 方法导入自定义模块时,得到的就是 module.exports 所指向的对象。

测试:

## 自定义模块//外部文件导入此模块的时候自动执行
console.log("这是一个自定义模块");//通过在module.export对象上挂载属性对外暴露属性
module.exports.username = 'lee';//通过在module.export对象上挂载方法对外暴露方法
module.exports.sayHi = function () {console.log("hi.");
}let age = 18;
module.exports.myAge = age;//如果module.exports指向一个对象,那个这个对象会把上面挂载的内容冲掉
// module.exports = {
//   nickName: "ren",
//   sayHello: function () {
//     console.log(this.sayHello);
//   }
// }
const csm = require("./source/myCustom");console.log(csm);
console.log(csm.myAge);
console.log(csm.username);csm.sayHi();

在这里插入图片描述

exports对象

由于 module.exports 单词写起来比较复杂,为了简化向外共享成员的代码,Node 提供了 exports 对象。
默认情况下,exports 和 module.exports 指向同一个对象。## 最终共享的结果,还是以 module.exports 指向的对象为准。## 尽量不要在同一个模块同时使用exports和module.exports

在这里插入图片描述

2.5、谨记

时刻谨记,require()模块时,得到的永远是module.exports 指向的对象

2.6、Node.js中的模块化规范

Node.js 遵循了 CommonJS 模块化规范,CommonJS 规定了模块的特性和各模块之间如何相互依赖CommonJS 规定:
》 每个模块内部,module 变量代表当前模块。
》 module 变量是一个对象,它的 exports 属性(即 module.exports)是对外的接囗。
》 加载某个模块,其实是加载该模块的 module.exports 属性。require() 方法用于加载模块。

3、NPM与包与NRM

3.1、概念

1、什么是包node.js中的包即第三方模块
2、来源
不同于 Node.js 中的内置模块与自定义模块,包是由第三方个人或团队开发出来的,免费供所有人使用。
3、为什么需要包
由于 Node.js 的内置模块仅提供了一些底层的 API,导致在基于内置模块进行项目开发的时,效率很低.
包是基于内置模块封装出来的,提供了更高级、更方便的 API,极大的提高了开发效率。
包和内置模块之间的关系,类似于jQuery 和 浏览器内置 API 之间的关系,

3.2、下载

国外有一家 IT 公司,叫做 npm,Inc.这家公司旗下有一个非常著名的网站: https://www.npmjs.com/,它是全球最大的包共享平台,你可以从这个网站上搜索到任何你需要的包,只要你有足够的耐心!
npm,Inc.公司提供了一个地址为 的服务器,来对外共享所有的包,我们可以从这个服务器上下载自己所需要的包。
npm,Inc.公司提供了一个包管理工具,我们可以使用这个包管理工具,从 https://registry.npmjs.org/ 服务器把需要的包下载到本地使用。
这个包管理工具的名字叫做 Node Package Manager(简称 npm 包管理工具),
这个包管理工具随着 Node.js 的安装包一起被安装到了用户的电脑上。可以在终端中执行 npm -v 命令,来査看自己电脑上所安装的 npm 包管理工具的版本号

3.3、npm

##安装包的命令npm install 包的完整名称
简写:
npm i 包的完整名称指定版本
npm i 包的完整名称@版本号
##步骤
1、使用 npm 包管理工具,在项目中安装格式化第三方模块  (如:时间的包 moment)
2、使用 require() 导入格式化时间的包
3、参考 第三方模块 的官方 API文档对时间进行格式化

示例:

1、安装moment
cd G:\LearnSpace\daily-code-package\NodeJS
npm i moment(项目中会多三个文件:node_modules\pakage-lock.json\package.json)2、创建time.jsconst moment = require("moment");let dt = moment().format("YYYY-MM-DD HH:mm:ss");
console.log(dt); //2024-12-18 10:10:23let dt2 = moment().format("YYYY-MM-DD", "2024-12-12");
console.log(dt2); //2024-12-183、执行
node time.js

文件:

初次装包完成后,在项目文件夹下多一个叫做 node_modules 的文件夹和 package-lock.json和package.json的配置文件。其中:
》 node_modules 文件夹用来存放所有已安装到项目中的包。require()导入第三方包时,就是从这个目录中查找并加载包.》 package-lock.json 配置文件用来记录 node_modules 目录下的每一个包的下载信息,例如:包的名字、版本号、下载地址等
##注意:
不要手动修改node_modules或package-lock.json文件中的任何代码,npm包管理工具会自动维护它们

指定版本

默认情况下,使用 npm install 命令安装包的时候会自动安装最新版本的包。
如果需要安装指定版本的包,可以在包名之后,通过 @ 符号指定具体的版本,例如:npm install moment@2.22.2##注意:
切换版本的时候,不用卸载掉旧版本,直接安装新版本就会把旧版本覆盖掉

3.4、包版本规范

如:moment  2.22.2第一位数字:大版本号
第二位数字:功能版本(新增功能或修改功能)
第三位数字:BUG修复版本## 版本号提升的规则:只要前面的版本号增长了,则后面的版本号归零

3.5、包管理配置文件

npm规定,在项目根目录中,必须提供一个叫做 package.json 的包管理配置文件。用来记录与项目有关的一些配置信息。例如:
》项目的名称、版本号、描述等
》项目中都用到了哪些包
》哪些包只在开发期间会用到
》那些包在开发和部署时都需要用到

快速创建package.json

npm 包管理工具提供了一个快捷命令,可以在执行命令时所处的目录中,快速创建 package.json 这个包管理配置文件:npm init -y##新建项目文件夹之后执行(只需执行一次)##注意:
① 上述命令只能在英文的目录下成功运行!所以,项目文件夹的名称一定要使用英文命名,不要使用中文,不能出现空格。
② 运行 npm install 命令安装包的时候,npm 包管理工具会自动把包的名称和版本号,记录到 package.json 中。

dependencies节点

package.json 文件中,有一个 dependencies 节点,专门用来记录您使用 npm install命令安装了哪些包,

一次性安装所有包

当我们拿到一个剔除了 node_modules 的项目之后,需要先把所有的包下载到项目中,才能将项目运行起来。npm install可以运行 npm install 命令(或 npmi)一次性安装所有的依赖包:
//执行 npm install 命令时,npm 包管理工具会先渎取 package.json 中的 dependencies 节点,
//读取到记录的所有依赖包名称和版本号之包管理工具会把这些包一次性下载到项目中

卸载包

可以运行 npm uninstall 命令,来卸载指定的包:(同时package.json中dependencies中的对应包配置会被删除)如:npm uninstall moment

devdependencies节点

如果某些包只在项目开发阶段会用到,在项目上线之后不会用到,则建议把这些包记录到 devDependencies 节点中。
与之对应的,如果某些包在开发和项目上线之后都需要用到,则建议把这些包记录到 dependencies 节点中。// 安装指定的包,并记录到devDependencies 节点中
npm i 包名 -D
或
npm i -D 包名//注意:上述命令是简写形式,等价于下面完的写法
npm install  包名  --save-dev
或
npm install  --save-dev 包名【devdependencies中的包被称为 开发依赖包】
【dependencies中的包被称为  核心依赖包】

3.6、包下载速度慢的问题

在使用 npm 下包的时候,默认从国外的 https://registny.npmis.org/服务器进行下载,此时,网络数据的传输需要经过漫长的海底光缆,因此下包速度会很慢。##官网
https://registry.npmjs.org/## 淘宝NPM镜像服务器
https://registry.npmmirror.com/
https://registry.npm.taobao.org##GitHub
https://npm.pkg.github.com/##华为
https://mirrors.huaweicloud.com/repository/npm/##腾讯
https://mirrors.cloud.tencent.com/npm/
##永久修改//设置淘宝镜像
npm config set registry https://registry.npmmirror.com//查看当前使用的镜像源
npm config get registry

nrm

为了更方便的切换下包的镜像源,我们可以安装 nrm 小工具,利用 nrm 提供的终端命令,快速查看和切换下包的镜像源。# 通过 npm 包管理器,将 nrm 安装为全局可用的工具npm i nrm -g
# 查看所有可用的镜像源nrm ls
#将下包的镜像源切换为 taobao 镜像nrm use taobao

3.7、包的分类

## 开发依赖包
devdependencies中的包被称为 开发依赖包## 核心依赖包
dependencies中的包被称为  核心依赖包

3.8、全局包

##全局包
在执行 npm install 命令时,如果提供了-g 参数,则会把包安装为全局包,全局包会被默认安装到 C:\Users\${用户名}\AppData\Roaming\npm\node_modules目录下//安装全局包
npm i 包名 -g//卸载全局包
npm uninstall 包名 -g
##注意:
只有“工具性质”的包,才有全局安装的必要性。因为它们提供了好用的终端命令。

3.9、包结构

》 包必须以单独的目录而存在
》 包的顶级目录下要必须包含 package.json 这个包管理配置文件
》 package.json 中必须包含 name,version,main 这三个性,分别代表包的名字、版本号、包的入口。##注意:
包的入口: require("xxx") 中xx指向的就是main属性所指向的文件

3.10、开发属于自己的包

1、新建一个包目录
如:myNode-tools2、在目录下新建三个文件package.json //包管理配置文件index.js //main入口文件README.md //包说明文档
3、初始化package.json文件{"name": "myNode-tools","version": "1.0.0","main": "index.js","description": "提供了格式化时间功能","keywords": ["dateFormat","escape"],"license": "ISC"
}
4、写index.js文件function dateFormat(dateStr) {let dt = new Date(dateStr);let y = padZero(dt.getFullYear());let m = padZero(dt.getMonth());let d = padZero(dt.getDay());let h = padZero(dt.getHours());let mi = padZero(dt.getMinutes());let s = padZero(dt.getSeconds());return `${y}-${m}-${d} ${h}-${mi}-${s}`;
}function padZero(num) {return num > 9 ? num : '0' + num;
}//对外暴露方法
module.exports = {dateFormat
};
5、使用//测试自定义组件
//const myNodeTools = require("./../myNode-tools/index");
const myNodeTools = require("./../myNode-tools"); //默认通过package.js的main 会找到index.jslet dt = myNodeTools.dateFormat(new Date());
console.log(dt);

优化–模块化拆分

##如果index.js中方法比较多,就需要把方法拆分出来放在多个文件中,进行模块化拆分》将格式化时间的功能,拆分到src->dateFormat.js中
》将处理 xxx的功能,拆分到src->xxx.js中
》在 index.js 中,导入两个模块,得到需要向外共享的方法const date = require("./dateFormat");const xxx = require("./xxx");》在 index.js 中,使用 module.exports 把对应的方法共享出去module.exports = {...date,...xxx}//...对象 的写法是ES6中的写法,是将对象展开
6、编写README.md文档
...

3.11、发布npm包

1、注册账号
》 访问 https://www.npmjs.com/ 网站,点击 sign up 按钮,进入注册用户界面
》 填写账号相关的信息:Full Name、PublicEmail、Username、Password
》 点击 Create an Account 按钮,注册账号
》 登录邮箱,点击验证,进行账号激活
2、登录账号(终端中登录)
npm login
输入账号
输入密码
输入邮箱#注意:
要先将 npm的地址 设置为官方的地址
npm config set https://registry.npmjs.org/
或
nrm use npm
3、发包
将终端切换到【包的根目录】之后,运行 npm publish 命令,即可将包发布到 npm 上(注意:包名不能雷同)
4、删除已发布的包运行 npm unpublish 包名 --force 命令,即可从 npm 删除已发布的包.##注意:
① npm unpublish 命令只能删除 72 小时以内发布的包
② npm unpublish 删除的包,在 24 小时内不允许重复发布

3.12、好用的包总结

## i5ting_toc可以把md文件转成html文件i5ting_toc -f  md文件路径 -o    //-o是打开html文件

4、模块的加载机制

4.1 优先从缓存中加载

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

4.2 内置模块的加载机制

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

4.3自定义模块的加载机制

使用 require() 加载自定义模块时,必须指定以/或/开头的路径标识符。   (自定义模块要指定路径)在加载自定义模块时,如果没有指定./或..
这样的路径标识符,则 node 会把它当作内置模块或第三方模块进行加载。同时,在使用require() 导入自定义模块时,如果省略了文件的扩展名,则 Node.js 会按顺序分别尝试加载以下的文件:①按照确切的文件名进行加载
② 补全 js 扩展名进行加载
③ 补全 json 扩展名进行加载
④ 补全.node 扩展名进行加载
⑤ 加载失败,终端报错

4.4 第三方模块的加载机制

  如果传递给 require()的模块标识符不是一个内置模块,也没有以'/或…/"开头,则 Node.js 会从当前模块的
父目录开始,尝试从/node modules 文件夹中加载第三方模块。如果没有找到对应的第三方模块,则移动到再上一层父目录中,进行加载,直到文件系统的根目录.例如,假设在'C:\Users\itheima\project\foo,js'文件里调用了 require(tools”),则 Node.js 会按以下顺序查找:C:\Users\lee\project\node_modules\tools
C:\Users\lee\node_modules\tools
C:\Users\node_modules\tools
C:\node_modulesltools

4.5 目录作为模块

当把目录作为模块标识符,传递给require0进行加载的时候,有三种加载方式:》在被加载的目录下查找一个叫做 package.json 的文件,并寻找 main 属性,作为 require()  加载的入口》如果目录里没有 package,json 文件,或者 main 入口不存在或无法解析,则 Node.js 将会试图加载目录下的 indexjs 文件。》如果以上两步都失败了,则 Node.js 会在终端打印错误消息,报告模块的缺失:rror: Cannot find module'xxx

相关文章:

01、NodeJS学习笔记,第一节:Node.js初识与内置模块

一、初识Node.js与内置模块 ##网址 https://nodejs.org##npm包 https://www.npmjs.com/ &#xff08;搜索&#xff09;https://registry.npmjs.org/ &#xff08;下载&#xff09;1、初识Node.js ##思考&#xff1a;为什么JavaScript可以在浏览器中被执行因为浏览器…...

ElasticSearch 自动补全

1、前言 当用户在搜索框输入字符时&#xff0c;我们应该提示出与该字符有关的搜索项&#xff0c;根据用户输入的字母&#xff0c;提示完整词条的功能&#xff0c;就是自动补全。 2、安装拼音分词器 Github地址&#xff1a;https://github.com/infinilabs/analysis-pinyin 插件…...

整点(枚举)

Hello&#xff01;大家好&#xff01;我是学霸小羊&#xff0c;今天分享一道c枚举题&#xff1a; 题目描述 在二维坐标系, 有一个圆&#xff0c;圆心在(0,0)&#xff0c;圆的半径是r。问圆内有多少个整点(所谓的整点就是横坐标和纵坐标都是整数的点)。若点P的横坐标是整数a&a…...

【WRF安装】WRF编译错误:problems building executables look for error in the build log

WRF编译错误 错误内容&#xff1a;problems building executables, look for error in the build log原因1&#xff1a;gcc版本过低安装高版本gcc 原因2&#xff1a;netcdf版本和配置有误原因3&#xff1a;库冲突原因4&#xff1a;export NETCDF_classic1终极手段&#xff1a;重…...

2024年12月陪玩系统-仿东郊到家约玩系统是一种新兴的线上预约线下社交、陪伴系统分享-优雅草央千澈-附带搭建教程

2024年12月陪玩系统-仿东郊到家约玩系统是一种新兴的线上预约线下社交、陪伴系统分享-优雅草央千澈-附带搭建教程 产品介绍 仿东郊到家约玩系统是一种新兴的线上预约&#xff0c;线下社交、陪伴、助娱、助攻、分享、解答、指导等服务模式&#xff0c;范围涉及电竞、运动、音乐…...

社区版 IDEA 开发webapp 配置tomcat

1.安装tomcat 参考Tomcat配置_tomcat怎么配置成功-CSDN博客 2.构建webapp项目结构 新建一个普通项目 然后添加webapp的目录结构&#xff1a; main目录下新建 webapp 文件夹 webapp文件夹下新建WEB_INF文件夹 *WEB_INF目录下新建web.xml wenapp文件夹下再新建index.html …...

IDEA中解决Edit Configurations中没有tomcat Server选项的问题

今天使用IDEA2024专业版的时候,发现Edit Configurations里面没有tomcat Server,最终找到解决方案。 一、解决办法 1、打开Settings 2、搜索tomcat插件 搜索tomcat插件之后,找到tomcat 发现tomcat插件处于未勾选状态,然后我们将其勾选保存即可。 二、结果展示 最后,再次编…...

【Python】主成分分析PCA - 算法、问题与Python实现

【Python】主成分分析PCA - 算法、问题与Python实现 一、PCA 算法简介&#xff08;一&#xff09;概念及作用&#xff08;二&#xff09;基本原理&#xff08;三&#xff09;算法步骤1.数据预处理2.计算协方差矩阵3.进行特征值分解4.选择主成分5.完成数据降维 二、PCA 常见问题…...

Go怎么做性能优化工具篇之pprof

工欲善其事、必先利其器。这次我们来看看Go的性能优化工具有哪些吧 Go性能优化的工具 一、pprof 工具 pprof 是 Go 语言自带的性能分析工具&#xff0c;可以帮助开发者分析程序的 CPU 使用情况、内存使用情况、goroutine 调度情况等&#xff0c;从而定位性能瓶颈。通过 pprof…...

DataOps驱动数据集成创新:Apache DolphinScheduler SeaTunnel on Amazon Web Services

引言 在数字化转型的浪潮中&#xff0c;数据已成为企业最宝贵的资产之一。DataOps作为一种文化、流程和实践的集合&#xff0c;旨在提高数据管道的质量和效率&#xff0c;从而加速数据从源头到消费的过程。白鲸开源科技&#xff0c;作为DataOps领域的领先开源原生公司&#xf…...

递归读取指定目录下的文件

序言 需要读取sftp服务器上符合指定的文件名正则的文件列表&#xff0c;目前想到的最好的办法就是递归。 我这里引入的依赖是&#xff1a; <!-- jsch-sftp连接 --><dependency><groupId>com.jcraft</groupId><artifactId>jsch</artif…...

代码随想录算法训练营day46|动态规划part12

今天就结束动态规划章节了&#xff0c;以后还要多加练习。 今天的两道题都很有难度&#xff0c;647回文子串的思路非常巧妙&#xff0c;因为用一维dp数组比较难表示子串的起点和终点&#xff0c;所以需要用二维dp数组表示&#xff0c;dp[i][j]表示以i为起点&#xff0c;j为终点…...

ubuntu 24.04.1安装FTP流程

1、安装vsftpd&#xff1a; sudo apt update sudo apt install vsftpd 2、安装后重启查看vsftpd状态 sudo systemctl status vsftpd 输出如下所示&#xff0c;表明vsftpd服务处于活动状态并正在运行&#xff1a; * vsftpd.service - vsftpd FTP server Loaded: loaded (/…...

【Linux】UDP通信

udp使用的是数据报传输。可以一对一&#xff0c;一对多进行传输&#xff0c;用于快速&#xff0c;实时性高的场景 服务器端&#xff1a; 使用步骤&#xff1a; 1.创建socket 2.bind绑定可接收的客户端 3.while{ recv接收数据 send发送数据 } #include <stdio.h> #inclu…...

日期格式、JSR303校验

日期格式 public class Monster() {DateTimeFormat(pattern "yyyy-MM-dd")private Date birthday; } 输入&#xff1a;2024-11-12&#xff0c; 输出&#xff1a;Monster{birthdaySun Nov 12 00:00:00 CST 2024} public class Monster {JsonFormat(pattern &…...

ELK系列-(六)Redis也能作为消息队列?(上)

一、前文回顾 &#x1f50d; 在前面的ELK系列中&#xff0c;我们已经搭建了ELK的核心组件&#xff0c;包括&#xff1a; ELK系列-&#xff08;一&#xff09;Docker部署ELK核心组件ELK系列-&#xff08;二&#xff09;LogStash数据处理的瑞士军刀ELK系列-&#xff08;三&…...

点击展示大图预览

原文链接在table表格里能够实现&#xff0c;点击里面的图片实现大图预览的效果&#xff1b; 一、先安装viewer — 使用npm安装 npm install v-viewer --save二、在main.js中引入 import Viewer from v-viewer //点击图片大图预览 import viewerjs/dist/viewer.css Vue.use(…...

游戏AI实现-寻路算法(BFS)

广度优先搜索算法&#xff08;英语&#xff1a;Breadth-first search&#xff0c;缩写&#xff1a;BFS&#xff09;&#xff0c;又译作宽度优先搜索&#xff0c;或横向优先搜索&#xff0c;是一种图形搜索算法。 寻路地图搭建&#xff1a; 游戏AI实现-寻路地图搭建-CSDN博客 …...

tryhackme-Pre Security-HTTP in Detail(HTTP的详细内容)

任务一&#xff1a;What is HTTP(S)?&#xff08;什么是http&#xff08;s&#xff09;&#xff09; 1.What is HTTP? (HyperText Transfer Protocol)&#xff08;什么是 HTTP&#xff1f;&#xff08;超文本传输协议&#xff09;&#xff09; http是你查看网站的时候遵循的…...

CNN和Transfomer介绍

文章目录 CNN和Transfomer介绍CNN和Transfomer的区别1. **基本概念**2. **数据处理方式**3. **模型结构差异**4. **应用场景区别** 自注意力机制1. **自注意力机制的概念**2. **自注意力机制的实现步骤**3. **自注意力机制的优势** Transformer结构组成1. **多头注意力层&#…...

37. Three.js案例-绘制部分球体

37. Three.js案例-绘制部分球体 实现效果 知识点 WebGLRenderer WebGLRenderer 是Three.js中的一个渲染器类&#xff0c;用于将3D场景渲染到网页上。 构造器 WebGLRenderer( parameters : Object ) 参数类型描述parametersObject渲染器的配置参数&#xff0c;可选。 常用…...

Latex+VsCode+Win10搭建

最近在写论文&#xff0c;overleaf的免费使用次数受限&#xff0c;因此需要使用本地的形式进行编译。 安装TEXLive 下载地址&#xff1a;https://mirror-hk.koddos.net/CTAN/systems/texlive/Images/ 下载完成直接点击iso进行安装操作。 安装LATEX Workshop插件 设置VsCode文…...

【ETCD】【Linearizable Read OR Serializable Read】ETCD 数据读取:强一致性 vs 高性能,选择最适合的读取模式

ETCD 提供了两种不同类型的读取操作方式&#xff0c;分别是 Linearizable Read&#xff08;线性化读取&#xff09;和 Serializable Read&#xff08;可串行化读取&#xff09;。这两种方式主要区分在读取数据时对一致性的要求不同。 目录 1. Linearizable Read&#xff08;线…...

windows下搭建本地sofa-registry

官方介绍&#xff1a; SOFARegistry 是蚂蚁金服开源的一个生产级、高时效、高可用的服务注册中心。SOFARegistry 最早源自于淘宝的 ConfigServer&#xff0c;十年来&#xff0c;随着蚂蚁金服的业务发展&#xff0c;注册中心架构已经演进至第五代。目前 SOFARegistry 不仅全面服…...

什么是MyBatis

MyBatis 简介 MyBatis 是一个流行的 Java 持久层框架&#xff08;Persistence Framework&#xff09;&#xff0c;它主要用于简化数据库操作&#xff0c;提供了对数据库的映射支持&#xff0c;使得开发人员能够通过简单的配置和映射文件来执行数据库操作&#xff08;如增、删、…...

Docker如何运行一个Java的jar包程序

Docker如何运行一个Java的jar包程序 1、jar包程序 2、start.sh运行jar包脚本 #!/bin/bash #进入目录 cd /app #1.下载SDK并安装 java -jar SDKDown1.4.jar #2.加载环境变量 export LD_LIBRARY_PATH/opt/casb/CipherSuiteSdk_linux/lib echo $LD_LIBRARY_PATH #3.执行SDK java …...

c语言----顺序结构

顺序结构的基本概念 定义&#xff1a;顺序结构是C语言程序中最基本的结构&#xff0c;它按照语句的先后顺序依次执行。就像我们日常做事一样&#xff0c;一步一步地按照顺序来完成任务。在C语言程序中&#xff0c;从程序的第一条语句开始&#xff0c;逐句向下执行&#xff0c;…...

BERT采用双向训练

BERT采用双向训练 定义 BERT(Bidirectional Encoder Representations from Transformers)是一种基于Transformer架构的预训练语言模型。它在自然语言处理(NLP)领域具有极其重要的地位,由谷歌在2018年提出,能够对文本进行深度的语义理解,从而广泛应用于各种语言相关的任务…...

流程引擎Activiti性能优化方案

流程引擎Activiti性能优化方案 Activiti工作流引擎架构概述 Activiti工作流引擎架构大致分为6层。从上到下依次为工作流引擎层、部署层、业务接口层、命令拦截层、命令层和行为层。 基于关系型数据库层面优化 MySQL建表语句优化 Activiti在MySQL中创建默认字符集为utf8&…...

安卓 文件管理相关功能记录

文件管理细分为图片、视频、音乐、文件四类 目录 权限 静态声明权限 动态检查和声明权限方法 如何开始上述动态申请的流程 提示 图片 获取图片文件的对象列表 展示 删除 视频 获取视频文件的对象列表 获取视频file列表 按日期装载视频文件列表 展示 播放 删除…...

监控视频汇聚融合云平台一站式解决视频资源管理痛点

随着5G技术的广泛应用&#xff0c;各领域都在通信技术加持下通过海量终端设备收集了大量视频、图像等物联网数据&#xff0c;并通过人工智能、大数据、视频监控等技术方式来让我们的世界更安全、更高效。然而&#xff0c;随着数字化建设和生产经营管理活动的长期开展&#xff0…...

【jvm】主要参数

Java 虚拟机&#xff08;JVM&#xff09;有许多参数用于控制其行为和性能&#xff0c;下面是一些 主要的 JVM 启动参数&#xff0c;这些参数通常分为以下几类&#xff1a; 内存管理相关参数 这些参数主要用来配置 JVM 的内存分配策略、堆内存、栈内存等。 -Xms 设置 JVM 启动…...

在Ubuntu中配置mysql,并允许外部访问数据库

在虚拟机中安装 MySQL 并允许外部访问&#xff0c;可以按照以下步骤操作&#xff1a; 1. 更新系统包 首先&#xff0c;确保你的系统是最新的&#xff0c;使用以下命令更新包列表&#xff1a; sudo apt update sudo apt upgrade2. 安装 MySQL Server 安装 MySQL 服务&#x…...

Golang的向前兼容性和toolchain规则,Go1.21.0

在 Go 1.21 中&#xff0c;在工具上新增了两个变化&#xff1a;增强了向前兼容性&#xff1b;工具链管理。 向前兼容性 在以前的版本中&#xff0c;Go 工具链尝试编译依赖于新版本的代码时&#xff0c;可能会遇到兼容性问题。例如&#xff0c;如果你的代码依赖于 Go 1.18 引入…...

如何有效修复ffmpeg.dll错误:一站式解决方案指南

当您遇到提示“ffmpeg.dll文件丢失”的错误时&#xff0c;这可能导致相关的应用程序无法启动或运行异常。本文将详细介绍如何有效地解决ffmpeg.dll文件丢失的问题&#xff0c;确保您的应用程序能够恢复正常运行。 ffmpeg.dll是什么&#xff1f;有哪些功能&#xff1f; ffmpeg.…...

更频繁的 Android SDK 发布:更快的创新、更高的质量和更完善

Android 一直致力于让创新更快地进入用户手中。除了每年的平台发布之外&#xff0c;我们还投资了Project Treble、Mainline、Google Play 服务、每月安全更新和季度发布&#xff0c;为 Pixel Drops 提供支持。 未来&#xff0c;Android 将更频繁地发布 SDK&#xff0c;计划于 …...

远程连接:构建智能家居舒适生活

远程连接技术让智能家居从梦想照进现实&#xff0c;为人们构建了舒适便捷的生活环境。通过家庭网络与各种智能设备的远程连接&#xff0c;用户可以在外出时&#xff0c;使用手机 APP 轻松控制家中的灯光、窗帘、空调、电视等设备。 例如&#xff0c;在炎热的夏天&#xff0c;下…...

Python 爬取网页文字并保存为 txt 文件教程

引言 在网络数据获取的过程中&#xff0c;我们常常需要从网页中提取有用的文字信息。Python 提供了强大的库来帮助我们实现这一目标。本教程将以https://theory.gmw.cn/2023 - 08/31/content_36801268.htm为例&#xff0c;介绍如何使用requests库和BeautifulSoup库爬取网页文字…...

多协议视频监控汇聚/视频安防系统Liveweb搭建智慧园区视频管理平台

智慧园区作为现代化城市发展的重要组成部分&#xff0c;不仅承载着产业升级的使命&#xff0c;更是智慧城市建设的重要体现。随着产业园区竞争的逐渐白热化&#xff0c;将项目打造成完善的智慧园区是越来越多用户关注的内容。 然而我们往往在规划前期就开始面临众多难题&#…...

InnoDB 查询成本

1. 单表查询成本 连接查询总成本 IO 成本 CPU 成本对于 InnoDB 存储引擎来说&#xff0c;页是磁盘和内存之间交互的基本单位&#xff0c;设计MySQL的大叔规定读取一个页面花费的成本默认是 1.0&#xff0c;读取以及检测一条记录是否符合搜索条件的成本默认是 0.2。1.0、0.2 …...

C++的高精度减法 分步详解

高精度减法计算原理 在读小学时&#xff0c;我们做减法都采用竖式方法&#xff0c;如图 1 所示。 这样&#xff0c;我们可以写出两个整数相减的算法。 我们就可以用 C 语言来模拟这个竖式减法的过程。我们可以考虑利用 C 的数组来存储对应数据&#xff0c;假设用数组 A 存储被…...

linux cpu 管理

视频教程&#xff1a;ubuntu cpu 管理_哔哩哔哩_bilibili 概述 平均负载&#xff0c;CPU 使用率&#xff0c;CPU上下文 1 平均负载 #查看命令&#xff1a; rootzyb:~# uptime 18:21:47 up 1:09, 2 users, load average: 0.00, 0.00, 0.00 依次则是过去 1 分钟、5 分钟、1…...

大批量URL去重的架构设计(redis-bitmap+redisson)

1. 引言 什么是数据去重&#xff1f; 在大数据处理中&#xff0c;去重是指消除重复数据&#xff0c;只保留唯一的数据记录。 去重的重要性 提高数据处理效率&#xff0c;节省存储空间&#xff0c;提升数据分析的准确性。 常见的去重技术 基于哈希函数、布隆过滤器、位图等方法…...

WebGPU跨平台应用开发

对于 Web 开发人员来说&#xff0c;WebGPU 是一个 Web 图形 API&#xff0c;可提供对 GPU 的统一和快速访问。WebGPU 公开了现代硬件功能&#xff0c;并允许在 GPU 上进行渲染和计算操作&#xff0c;类似于 Direct3D 12、Metal 和 Vulkan。 虽然这是真的&#xff0c;但这个故事…...

Proteus(8.15)仿真下载安装过程(附详细安装过程图)

提示&#xff1a;文章写完后&#xff0c;目录可以自动生成&#xff0c;如何生成可参考右边的帮助文档 目录 前言 一、Proteus是什么&#xff1f; 二、下载链接 三、下安装步骤 1.解压&#xff0c;有键管理员运行 2.点击Next&#xff0c;进行下一步 3.勾选I accept…&#…...

vlan和vlanif

文章目录 1、为什么会有vlan的存在2、vlan(虚拟局域网)1、vlan原理1. 为什么这样划分了2、如何实现不同交换机相同的vlan实现互访呢3、最优化的解决方法&#xff0c;vlan不同交换机4、vlan标签和vlan数据帧 5、vlan实现2、基于vlan的划分方式1、基于接口的vlan划分方式2、基于m…...

Unity开发哪里下载安卓Android-NDK-r21d

google的东西&#xff0c;居然是完全开源的 真的不是很多公司能做到&#xff0c;和那种伪搜索引擎是不同的 到底什么时候google才会开始造车 不过风险很多&#xff0c;最好不要合资&#xff0c;风险更大...

期末速成C++【初识C++】

目录 1.英文单词 2.C的特点 3.C对C语言的补充 3.1命名空间和域操作符 &#x1f387;3.2控制台输入输出 3.3类型增强 3.3.1const常变量 3.3.2const与指针 3.3.3布尔类型与枚举类型 3.4默认参数 &#x1f387;3.5函数重载 &#x1f387;引用 3.6.1引用做函数参数 …...

爬虫案例学习6

获取淘宝商品数据2024-12-18 参考学习&#xff1a; 大佬博客 视频教程 通过搜索发现&#xff0c;数据是通过发送请求过来的&#xff0c;不是静态存在源代码的 所以我们需要请求这个接口获取数据&#xff1a;比如标题&#xff0c;价格&#xff0c;图片等信息 https://h5api.m…...

28、论文阅读:基于像素分布重映射和多先验Retinex变分模型的水下图像增强

A Pixel Distribution Remapping and Multi-Prior Retinex Variational Model for Underwater Image Enhancement 摘要介绍相关工作基于模型的水下图像增强方法&#xff1a;无模型水下图像增强方法&#xff1a;基于深度学习的水下图像增强方法&#xff1a; 论文方法概述像素分布…...