初识Node.js

最新推荐文章于 2024-11-08 11:39:47 发布
最新推荐文章于 2024-11-08 11:39:47 发布
阅读量409 收藏
点赞数
分类专栏： vue2 文章标签： node.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/idiot_man/article/details/129364538
版权

文章目录

初识Node.js

Node.js简介

(1) 什么是Node.js

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

Node.js的官网地址：https://nodejs.org/zh-cn/

注意：

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

(2) node.js可以做什么

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

(3) node.js的学习路径

Node.js内置API模块（fs，path，http）+第三方模块（express,mysql等）

fs模块

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

  • fs.readFile()方法，用来读取指定文件中的内容

    • 参数1：读取文件的存放路径

    • 参数2：读取文件时采用的编码格式，一般默认指定 utf8

    • 参数3：回调函数，拿到读取失败和成功的结果 err dataStr

      //如果要在JavaScript代码在使用fs模块来操作文件，则需要使用如下的方式先导入它
const fs =require('fs')
fs.readFile('./files/11.txt','utf8',function(err,dataStr){
	console.log(err)
	console.log('---------')
	console.log(dataStr)
})

      如果读取成功 则err的值为null

      如果读取失败 则err的值为错误对象， dataStr的值为undefined

  • fs.writeFile()方法，用来向指定的文件在写入内容

    • 参数1：文件的存放路径

    • 参数2：表示要写入的内容

    • 参数3：回调函数

      fs.writeFile('./files/2.txt','abcd',function(err){
    console.log(err)
})

      如果写入成功，则err的值等于null
      如果写入失败，则err的值等于一个 错误对象

案例：将txt文本中的内容 等号变成冒号，并且每个item独占一行

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GJj3L5aF-1678089313538)(C:\Users\22519\AppData\Roaming\Typora\typora-user-images\image-20230304141255253.png)]

等号变成冒号，并且每个item独占一行 如图

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Xcm3o9fw-1678089313539)(C:\Users\22519\AppData\Roaming\Typora\typora-user-images\image-20230304142510663.png)]

// 导入fs模块
const fs = require("fs");
fs.readFile(
	"F:/web开发/JavaScript学习/js/11.txt",
	"utf8",
	function (err, dataStr) {
		if (err) {
			return console.log("读取失败" + err);
		}
		console.log("读取成功" + dataStr);

		// 1.先把成绩的数据按照空格进行分割
		const arrOld = dataStr.split(" ");
		// 2.循环分割后的数组，对每一项数据进行字符串的替换操作
		const arrNew = [];
		arrOld.forEach((item) => {
			arrNew.push(item.replace("=", ":"));
		});
		// 3.把新数组中的每一项，进行合并，得到一个新的字符串
		const newStr = arrNew.join("\r\n");
    //4.调用fs.writeFile()方法，把处理完毕后的成绩，写入到新文件中
    fs.writeFile('F:/web开发/JavaScript学习/js/11.txt',newStr,function(err){
      if(err){
        return console.log('写入文件失败！'+err.message);
      }
      console.log('写入成绩成功');
    })
	}
);
演示路径问题

在使用fs模块操作文件的时，如果提供的操作路径是以./或…/开头的相对路径时，容易出现路径动态破解错误的问题

原因：代码在运行的时候，会以执行node命令时所处的目录，动态拼接出被操作文件的完整路径

最佳解决方法：__dirname 表示当前文件所处的目录 在后面拼接上自己的路径

fs.readFile(__dirname+'/files/11.txt','utf8',function(err,dataStr){
	console.log(err)
	console.log('---------')
	console.log(dataStr)
})

path路径模块

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

  • path.join()方法，用来将多个路径片段拼接成一个完整的路径字符串

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

    fs.readFile(path.join(__dirname,'/files/1.txt'),'utf8',function(err,dataStr){
  if(err){
    return console.log(err.message);
  }
  console.log(dataStr);
})

  • path.basename()方法，用来从路径字符串中，将文件名解析出来方法

    • path 必选参数 ，表示一个路径得字符串
    • ext可选参数 ，表示文件扩展名
    • 返回： 表示路径中得最后一部分
    const path=requestIdleCallback('path')
const fpath='/a/b/c/index.html'
const fullName=path.basename(fpath)      
console.log(fullName); // index.html

const fullName=path.basename(fpath,'html')      
console.log(fullName); // index

  • path.extname()方法 ，可以获取路径中得扩展名部分，语法格式如下

    • path 必选参数 ，表示一个路径得字符串
    • 返回： 返回得到得扩展名字符串
    const path=requestIdleCallback('path')
const fpath='/a/b/c/index.html'
const fullName=path.extname(fpath)
console.log(fullName); // .html

http模块

http 模块是 Node.js 官方提供的、用来创建 web 服务器的模块。通过 http 模块提供的 http.createServer0 方法就能方便的把一台普通的电脑，变成一台Web 服务器，从而对外提供Web 资源服务。

创建web服务器得基本步骤
//导入http模块
const http=require('http')
//创建web服务器实例
const server=http.createServer()
//为服务器实例绑定request事件，监听客户端得请求
server.on('request',function(req,res){
  console.log('Someone visit our web server');
})
//启动服务器
server.listen(8080,function(){
  console.log('server running at http://127.0.0.1:8080');
})
req请求对象

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

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

const http=require('http')
const server=http.createServer()
//req是请求对象，包含了与客户端相关得数据和属性
server.on('request',req=>{
  //req.url是客户端请求的URL地址
  const url=req.url
  //req.method是客户端请求得method类型
  const method=req.method
  const str=`Your request url is${url},and request method is ${method}`
  console.log(str);
})
server.listen(80,()=>{
  console.log('server running at http://127.0.0.1');
})
res响应对象

在服务器的resquest事件处理函数在，如果想访问与服务器相关的数据或属性，可以使用以下方式

const http=require('http')
const server=http.createServer()
//req是请求对象，包含了与客户端相关得数据和属性
//res是响应对象，它包含了与服务器相关的数据和属性
server.on('request',(req,res)=>{
  //req.url是客户端请求的URL地址
  const url=req.url
  //req.method是客户端请求得method类型
  const method=req.method
  const str=`Your request url is${url},and request method is ${method}`
  console.log(str);
  //调用res.end()方法，向客户端响应一些内容
  //向客户端发送指定的内容，并结束这次请求的处理过程
  res.end(str)
})
server.listen(80,()=>{
  console.log('server running at http://127.0.0.1');
})
解决中文乱码问题

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

  res.setHeader('Content-Type','text/html;charset=utf-8')

const http=require('http')
const server=http.createServer()
server.on('request',(req,res)=>{
  //定义一个包含文字的字符串
  const str=`您请求的URL地址是${req.url},请求的method；类型为${req.method}`
  //调用res.setHeader()方法，设置Content-Type响应头，解决中文乱码的问题
  res.setHeader('Content-Type','text/html;charset=utf-8')
  //res.end()将内容响应给客户端
  res.end(str)

})
server.listen(80,()=>{
  console.log('server running at http://127.0.0.1');
})

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

const http=require('http')
const { isAbsolute } = require('path')
const server=http.createServer()
server.on('request',(req,res)=>{
// 1.获取请求的url内容
const url=req.url
// 2.设置默认的响应内容为404 Not found 
let content='404 Not found'
// 3.判断用户请求是否为/ 或 /indexedDB.html首页
// 4.设置判断用户请求是否为 /about.html
if(url==='/'||url==='/index.html'){
  content='<h1>首页</h1>'
}
else if(url==='/about.html'){ 
  content ='<h1>关于页面</h1>'
}
// 5.设置Content-Type响应头,防止中文乱码
res.setHeader('Content-Type','text/html;charset=utf-8')
// 6.使用res.end()把内容响应给客户端
res.end(content)
})
server.listen(80,()=>{
  console.log('server running at http://127.0.0.1');
})

模块化的基本慨念

1、模块化

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

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

  1. 提高了代码的复用性
  2. 提高了代码的可维护性
  3. 可以实现按需加载
2、Node.js中模块的分类

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

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

使用强大的require()方法，可以加载需要的内置模块，加载需要的内置模块，用户自定义模块，第三方模块等

//1.加载内置的fs模块
const fd=require('fs')
//2.加载用户自定义模块 
const custon=require('./custom.js')
//3.加载第三方模块
const moment =require('momemt')

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

3、Node.js中的模块作用域
3.1什么是模块作用域

和函数作用域类似，在自定义模块中定义的变量、方法等成员，只能在当前模块内被访问，这种模块级别的访问限制，叫做模块作用域（所定义的变量，只可以在当前模块下谁用）

3.2 模块作用域的好处

防止了全局变量污染的问题

4、向外共享模块作用域中的成员
4.1module对象

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

4.2向外共享模块作用域中的成员module.exports对象

在自定义模块中，可以使用module.exports对象，将模块内的成员共享出去，供外界使用

01自定义模块.js

//在一个自定义模块中，默认情况下，modle.exports={}
const age=20
//向moudle.exports.username对象上挂载username属性
module.exports.username='zs'
//向module.exports对象上挂载sayHellow方法
module.exports.sayHellow=function(){
	console.log('helllow')
}
module.exports.age=age

02test.js

const =require('./01自定义模块')
console.log(m)        //{username:'zs',sayHello:[function],age:20}
4.3共享成员时的注意点

使用require()方法导入,导入的结果，永远以module.exports指向的对象为准

01自定义模块.js

const age=20
module.exports.username='zs'
module.exports.sayHellow=function(){
	console.log('helllow')
}
module.exports.age=age

//让modlue.export指向一个全新的对象
modlue.export={
nickname='小黑'
sayHai(){console.log('Hi')}
}

02test.js

const =require('./01自定义模块')
console.log(m)        //{username:'小黑',sayHi:[function:sayHi]}
4.4exports对象

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

exports和module.exports的使用误区

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-qlJxZfk8-1678089313540)(C:\Users\22519\AppData\Roaming\Typora\typora-user-images\image-20230306135605718.png)]

注意：为了防止混乱，建议不要在同一个模块中同时使用exports和module.exporets

4.5Node.js中的模块化规范

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

CommonJS规定

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

npm与包

Node中的第三方模块(别人写好的模块) 又叫做包

由于Node.js的内置模块仅提供了一些底层的API，导致在基于内置模块进行项目开发的时，效率很低。包是基于内置模块封装出来的，提供了更高级、更方便的API，极大的提高了开发效率。

国外的一家IT公司，叫做npm 这家公司的著名的网址https://www.npmjs.com/是全球最大的包共享平台

https://registry.npmjs.org/对外共享所有的包。我们可以从这个服务器下载自己所需要的包

https://www.npmjs.com/  网站上搜索自己所需要的包
https://registry.npmjs.org/  服务器上下载自己需要的包

案例：

//1.导入moment包
const moment=require('moment')

//.2.参考moment官方API文档，调用相对应的方法，对时间进行格式化
//2.1调用moment()方法，得到当前的时间
//2.2针对当前的时间，调用format()方法 ，按照指定的格式进行时间的格式化
const dt=moment().format('YYYY-MM-DD HH:mm:ss')

console.log(dt)
项目中如何下载包
npm install 包的完整名称
简写
npm  i 包的完整名称

初次安装包完成，项目文件下多了一个叫做node_modules文件夹 和package-lock.json

  • node modules文件夹用来存放所有已安装到项目中的包。require()导入第三方包时，就是从这个目录中查找并加载包。

  • package-lockjson配置文件用来记录node modules目录下的每一个包的下载信息，例如包的名字、版本号、下载地址等。

安装指定版本的包

默认情况下，使用npm install 命令安装包的时候，会自动安装最新版本的包。如果需要安装指定版本的包，可以在包名之后，通过@符号指定具体的版本，例如:

npm i moment@2.22.2
包管理配置文件

npm规定，在项目根目录中，必须提供一个叫做package.json的包管理配置文件。用来记录与项目有关的一 些配置信息。例如:

  • 项目的名称、版本号、描述等
  • 项目中都用到了哪些包
  • 哪些包只在开发期间会用到
  • 那些包在开发和部署时都需要用到
快速创建package.json

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

npm init -y

注意:

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

package.json中有一个dependencies 节点，专门用来记录你使用npm install 命令安装了那些包

卸载包

可以运行npm uninstall命令，来卸载指定的包:

npm uninstall moment

注意: npm uninstall 命令执行成功后，会把卸载的包，自动从package.json的dependencies 中移除掉。

解决下包速度慢的问题

切换npm的下包镜像源
下包的镜像源，指的就是下包的服务器地址。

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

使用npm包管理工具下载的包，共分为两大类，分别是项目包和全局包

项目包又分为两类，分别是:

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

全局包

在执行npm install命令时，如果提供了==-g==参数，则会把包安装为全局包。

注意:

  • 只有工具性质的包，才有全局安装的必要性。因为它们提供了好用的终端命令。
  • 判断某个包是否需要全局安装后才能使用，可以参考官方提供的使用说明即可。
规范的包结构

在清楚了包的概念、以及如何下载和使用包之后，接下来，我们深入了解一下包的内部结构。
一个规范的包，它的组成结构，必须符合以下3点要求:

  • 包必须以单独的目录而存在
  • 包的顶级目录下要必须包含package.json这个包管理配置文件
  • package.,json 中必须包含name，version，main这三个属性，分别代表包的名字、版本号、包的入口。

模块的加载机制

1.优先从缓存中加载

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

2.内置模块的加载机制

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

3.自定义模块的加载机制

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

在使用require()导入自定义模块时，若省略了文件的扩展名，则 Node.js 会按顺序分别尝试加载以下的文件:

  • 按照确切的文件名进行加载

  • 补全.js扩展名进行加载

  • 补全.json扩展名进行加载

  • 补全.node扩展名进行加载

  • 加载失败，终端报错

4.第三方模块的加载机制

如果传递给require()的模块标识符不是一个内置模块，也没有以‘./”或‘…/”开头，则 Node.js会从当前模块的父目录开始，尝试从/node_modules文件夹中加载第三方模块。
如果没有找到对应的第三方模块，则移动到再上一层父目录中，进行加载，直到文件系统的根目录。

idiot_MAN
关注
专栏目录
初识node.js与内置模块
Cc200171的博客
06-23 363
（1）、JavaScript 由三部分组成，ECMAScript，DOM，BOM （2）、Node.js是由ECMAScript及Node 环境提供的一些附加API组成的，包括文件、网络、路径 等等一些更加强大的 APInode是基于javascript来使用的，所以node文件的后缀名都是 .js 退出运行的方法：crtl c 运行文件：1.3 Node.js学习路径 JS基础语法- Node.js内置API模块（fs,path,http）-第三方API模块(express,mysql)2.1. 什
01-初识 Node.js 与内置模块
03-09
### 01-初识 Node.js 与内置模块 #### 1. 初识 Node.js ##### 1.1 回顾与思考 在开始学习 Node.js 之前，我们需要回顾一下已经掌握的技术栈： 1. **HTML**：用于定义网页结构的语言。 2. **CSS**：用于描述网页...
初识Node.js与内置模块
m0_52177571的博客
04-10 396
1. 初识 Node.js 1.1 回顾与思考 1. 已经掌握了哪些技术 HTML CSS Javascript 2. 浏览器中的 JavaScript 的组成部分 3. 思考：为什么 JavaScript 可以在浏览器中被执行 不同的浏览器使用不同的 JavaScript 解析引擎： Chrome 浏览器 => V8 Firefox 浏览器 => OdinMonkey（奥丁猴） Safri 浏览器 => JSCore...
Node.js学习笔记 一.初识Node.js与内置模块
May21☀️
06-12 375
1. 初识 Node.js 1.1 回顾与思考 已经掌握了哪些技术 (HTML、CSS、JavaScript) 浏览器中 JavaScript 的组成部分 思考：为什么 JavaScript 可以在浏览器中被执行 思考：为什么 JavaScript 可以操作 DOM 和 BOM 思考：浏览器中的 JavaScript 运行环境 思考：JavaScript 能否做后端开发    可以，使用JavaScript做后端开发，需要借助于运行环境(Node.js) 1.2 Node.js
Node.js学习01-初识Node.js与内置模块
Meowmow的博客
06-15 300
Node.js是基于Chrome V8引擎的JavaScript运行环境，无法调用DOM和BOM等浏览器内置API。 使用Node.js可以： 基于Express框架快速搭建web应用 基于Electron框架构建跨平台的桌面应用 基于restify框架构建API接口项目 操作数据库，创建实用的命令行工具打开终端，输入命令 快捷键： ↑：上一次执行的命令 tab：快速补全路径 esc：快速清空已经输入的命令 cls：清空终端操作文件的模块使用fs模块需要先导入模块 初试读取文件 判断文件是否读取成功 ，根
初识 Node.js
qq_40046544的博客
09-05 521
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境浏览器是 JavaScript 的前端运行环境Node.js 是 JavaScript 的后端运行环境Node.js 中无法调用 DOM 和 BOM 等浏览器内置 API终端（英文： Terminal）是专门为开发人员设计的，用于实现人机交互的一种方式终端快捷键使用 ↑ 键，可以快速定位到上一次执行的命令使用 tab 键，能够快速补全路径使用 esc 键，能够快速清空当前已输入的命令。
Node.js入门之 - 初识Node.js
2303_76218115的博客
06-15 1123
随着 web 前后端分离、PWA、微服务架构的流行,以及 5G、AIoT 等技术的兴起,Node.js 将在 web 后端、移动互联网、企业应用和嵌入式设备等领域有非常广阔的应用前景。Node.js 的跨平台与轻量级特点,也使其非常适合构建桌面应用与各种工具软件。可以说,Node.js 是一门具有长期生命力和广阔前景的技术,值得我们深入学习与长期投入。虽然Node.js 具有事件驱动高效、单线程高性能、丰富生态和跨平台等优点,适合于 I/O 密集型任务和实时应用。
初识Node.js-安装
u014225032的博客
08-09 2890
nodejs安装测试
初识node.js(使用)
AYBBZXY的博客
01-23 1800
- 兼容：给不支持js的浏览器一个提示 --> < noscript > < strong > We're sorry but doesn't work properly without JavaScript enabled. Please enable it to continue.
Node.js|Day01 初识Node.js与内置模块
qq_53306713的博客
11-05 260
初识Node.js与内置模块
02-初识 Node.js 模块化
03-09
### 02-初识 Node.js 模块化 #### 模块化基本概念 - **模块化的定义**： - 模块化是一种软件设计技术，它将一个复杂的系统分解为更小、更易管理的部分，即“模块”。 - 在现实世界中，模块化的例子比比皆是，...
一七八、Node.js PM2使用介绍
梅某某
11-08 239
PM2 是一个功能强大且灵活的进程管理器，适合开发和生产环境的应用程序管理。提供多种配置和管理选项，帮助开发者轻松维护应用的稳定性和性能。
node.js实现批量修改git项目的数据源
最新发布
chen_ac的博客
11-08 140
node.js实现批量修改git项目的数据源
Node.js——fs模块-文件删除
Fan_web的博客
11-05 132
本文主要介绍了Node.js中fs模块如何进行文件删除的方法，下一篇继续分享Node.js的fs模块进行文件夹操作的学习。
Node.js：Express 服务 & 路由
盒马的博客
11-01 989
讲解Node.js的Express包，包括服务操作以及路由
Node.js 全栈开发进阶篇
唯见青山不见君
11-05 1172
Node.js 全栈开发进阶篇
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值