Node.js

隔壁小c不秃头2024-12-04 20:06

01.什么是 Node.js

  1. Node.js 是一个独立的 JavaScript 运行环境，能独立执行 JS 代码，因为这个特点，它可以用来编写服务器后端的应用程序

  2. Node.js 作用除了编写后端应用程序，也可以对前端代码进行压缩，转译，整合等等，提高前端开发和运行效率

  3. Node.js 基于Chrome V8 引擎封装，独立执行 JS 代码，但是语法和浏览器环境的 V8 有所不同，没有 document 和 window 但是都支持 ECMAScript 标准的代码语法

  4. 想要得到 Node.js 需要把这个软件安装到电脑，在素材里有安装程序（window 和 mac 环境的）参考 PPT 默认下一步安装即可

  5. Node.js 没有图形化界面，需要使用 cmd 终端命令行（利用一些命令来操控电脑执行某些程序软件）输入，node -v 检查是否安装成功

Node.js 执行目标 JS 文件，需要使用 node xxx.js 命令来执行（我们可以借助 VSCode 集成终端使用，好处：可以快速切换到目标 JS 文件所在终端目录，利用相对路径找到要执行的目标 JS 文件

02.fs模块-读写文件

  1. 模块：类似插件，封装了方法和属性供我们使用

  2. fs 模块：封装了与本机文件系统进行交互的，方法和属性

  3. fs 模块使用语法如下：

    • 加载 fs 模块，得到 fs 对象

      复制代码 
      const fs = require('fs')

    • 写入文件内容语法：

      复制代码 
      fs.writeFile('文件路径', '写入内容', err => {
  // 写入后的回调函数
})

    • 读取文件内容的语法：

      复制代码 
      fs.readFile('文件路径', (err, data) => {
  // 读取后的回调函数
  // data 是文件内容的 Buffer 数据流
})

需求：向 test.txt 文件写入内容并读取打印

javascript 复制代码 
/**
 * 目标：使用 fs 模块，读写文件内容
 * 语法：
 * 1. 引入 fs 模块
 * 2. 调用 writeFile 写入内容
 * 3. 调用 readFile  读取内容
 */
// 1. 引入 fs 模块
const fs = require('fs')
// 2. 调用 writeFile 写入内容
// 注意：建议写入字符串内容，会覆盖目标文件所有内容
fs.writeFile('./text.txt', '欢迎使用 fs 模块读写文件内容', err => {
  if (err) console.log(err)
  else console.log('写入成功')
})
// 3. 调用 readFile  读取内容
fs.readFile('./text.txt', (err, data) => {
  if (err) console.log(err)
  else console.log(data.toString()) // 把 Buffer 数据流转成字符串类型
})

03.path模块-路径处理

  1. 为什么在 Node.js 待执行的 JS 代码中要用绝对路径：

    Node.js 执行 JS 代码时，代码中的路径都是以终端所在文件夹出发查找相对路径，而不是以我们认为的从代码本身出发，会遇到问题，所以在 Node.js 要执行的代码中，访问其他文件，建议使用绝对路径

  2. 新建 03 文件夹编写待执行的 JS 代码，访问外层相对路径下的文件，然后在最外层终端路径来执行目标文件，造成问题

  1. 问题原因：就是从代码文件夹出发，使用../text.txt解析路径，找不到目标文件，报错了！

  2. 解决方案：使用模块内置变量 __dirname配合 path.join() 来得到绝对路径使用

javascript 复制代码 
const fs = require('fs')
console.log(__dirname) // D:\备课代码\2_node_3天\Node_代码\Day01_Node.js入门\代码\03

// 1. 加载 path 模块
const path = require('path')
// 2. 使用 path.join() 来拼接路径
const pathStr = path.join(__dirname, '..', 'text.txt')
console.log(pathStr)

fs.readFile(pathStr, (err, data) => {
  if (err) console.log(err)
  else console.log(data.toString())
})

04.认识URL中的端口号

  1. URL 是统一资源定位符，简称网址，用于访问网络上的资源

  2. 端口号的作用：标记服务器里对应的服务程序，值为（0-65535 之间的任意整数）

  3. 注意：http 协议，默认访问的是 80 端口

  4. Web服务：一个程序，用于提供网上信息浏览功能

  5. 注意：0-1023 和一些特定的端口号被占用，我们自己编写服务程序请避开使用

05.http模块-创建Web服务

  1. 需求：引入 http 模块，使用相关语法，创建 Web 服务程序，响应返回给请求方一句提示 'hello，world'

  2. 步骤：

    1. 引入 http 模块，创建 Web 服务对象

    2. 监听 request 请求事件，对本次请求，做一些响应处理

    3. 启动 Web 服务监听对应端口号

    4. 运行本服务在终端进程中，用浏览器发起请求

  3. 注意：本机的域名叫做 localhost

javascript 复制代码 
/**
 * 目标：基于 http 模块创建 Web 服务程序
 *  1.1 加载 http 模块，创建 Web 服务对象
 *  1.2 监听 request 请求事件，设置响应头和响应体
 *  1.3 配置端口号并启动 Web 服务
 *  1.4 浏览器请求（http://localhost:3000）测试
 */
// 1.1 加载 http 模块，创建 Web 服务对象
const http = require('http')
const server = http.createServer()
// 1.2 监听 request 请求事件，设置响应头和响应体
server.on('request', (req, res) => {
  // 设置响应头-内容类型-普通文本以及中文编码格式
  res.setHeader('Content-Type', 'text/plain;charset=utf-8')
  // 设置响应体内容，结束本次请求与响应
  res.end('欢迎使用 Node.js 和 http 模块创建的 Web 服务')
})
// 1.3 配置端口号并启动 Web 服务
server.listen(3000, () => {
  console.log('Web 服务启动成功了')
})

06.Node.js模块化

在 Node.js 中每个文件都被当做是一个独立的模块，模块内定义的变量和函数都是独立作用域的，因为 Node.js 在执行模块代码时，将使用如下所示的函数封装器对其进行封装

而且项目是由多个模块组成的，每个模块之间都是独立的，而且提高模块代码复用性，按需加载，独立作用域

  1. 但是因为模块内的属性和函数都是私有的，如果对外使用，需要使用标准语法导出和导入才可以，而这个标准叫 CommonJS 标准，接下来我们在一个需求中，体验下模块化导出和导入语法的使用

  2. 需求：定义 utils.js 模块，封装基地址和求数组总和的函数，导入到 index.js 使用查看效果

  1. 导出语法：

    复制代码 
    module.exports = {
  对外属性名: 模块内私有变量
}

  2. 导入语法：

    复制代码 
    const 变量名 = require('模块名或路径')
// Node.js 环境内置模块直接写模块名（例如：fs，path，http）
// 自定义模块：写模块文件路径（例如：./utils.js)

    变量名的值接收的就是目标模块导出的对象

代码实现

  • utils.js：导出
javascript 复制代码 
/**
 * 目标：基于 CommonJS 标准语法，封装属性和方法并导出
 */
const baseURL = 'http://hmajax.itheima.net'
const getArraySum = arr => arr.reduce((sum, item) => sum += item, 0)

// 导出
module.exports = {
  url: baseURL,
  arraySum: getArraySum
}

index.js：导入使用

javascript 复制代码 
/**
 * 目标：基于 CommonJS 标准语法，导入工具属性和方法使用
 */
// 导入
const obj = require('./utils.js')
console.log(obj)
const result = obj.arraySum([5, 1, 2, 3])
console.log(result)

07.ECMAScript标准-默认导出和导入

  1. CommonJS 规范是 Node.js 环境中默认的，后来官方推出 ECMAScript 标准语法，我们接下来在一个需求中，体验下这个标准中默认导出和导入的语法要如何使用

  2. 需求：封装并导出基地址和求数组元素和的函数，导入到 index.js 使用查看效果

  3. 导出语法：

    复制代码 
    export default {
  对外属性名: 模块内私有变量
}

  4. 导入语法：

    复制代码 
    import 变量名 from '模块名或路径'

    变量名的值接收的就是目标模块导出的对象

  1. 注意：Node.js 默认只支持 CommonJS 标准语法，如果想要在当前项目环境下使用 ECMAScript 标准语法，请新建 package.json 文件设置 type: 'module' 来进行设置

    复制代码 
    { “type”: "module" }

代码实现：

  • utils.js：导出
javascript 复制代码 
/**
 * 目标：基于 ECMAScript 标准语法，封装属性和方法并"默认"导出
 */
const baseURL = 'http://hmajax.itheima.net'
const getArraySum = arr => arr.reduce((sum, item) => sum += item, 0)

// 默认导出
export default {
  url: baseURL,
  arraySum: getArraySum
}

index.js：导入

javascript 复制代码 
/**
 * 目标：基于 ECMAScript 标准语法，"默认"导入，工具属性和方法使用
 */
// 默认导入
import obj from './utils.js'
console.log(obj)
const result = obj.arraySum([10, 20, 30])
console.log(result)

08.ECMAScript标准-命名导出和导入

  1. ECMAScript 标准的语法有很多，常用的就是默认和命名导出和导入，这节课我们来学习下命名导出和导入的使用

  2. 需求：封装并导出基地址和数组求和函数，导入到 index.js 使用查看效果

  3. 命名导出语法：

    复制代码 
    export 修饰定义语句

  4. 命名导入语法：

    复制代码 
    import { 同名变量 } from '模块名或路径'

    注意：同名变量指的是模块内导出的变量名

代码示例：

  • utils.js 导出
javascript 复制代码 
/**
 * 目标：基于 ECMAScript 标准语法，封装属性和方法并"命名"导出
 */
export const baseURL = 'http://hmajax.itheima.net'
export const getArraySum = arr => arr.reduce((sum, item) => sum += item, 0)

index.js 导入

javascript 复制代码 
/**
 * 目标：基于 ECMAScript 标准语法，"命名"导入，工具属性和方法使用
 */
// 命名导入
import {baseURL, getArraySum} from './utils.js'
console.log(obj)
console.log(baseURL)
console.log(getArraySum)
const result = getArraySum([10, 21, 33])
console.log(result)

  1. 与默认导出如何选择：

    • 按需加载，使用命名导出和导入

    • 全部加载，使用默认导出和导入

09.包的概念

  1. 包：将模块，代码，其他资料整合成一个文件夹，这个文件夹就叫包

  2. 包分类：

    • 项目包：主要用于编写项目和业务逻辑

    • 软件包：封装工具和方法进行使用

  3. 包要求：根目录中，必须有 package.json 文件（记录包的清单信息）

  1. 包使用：在引入一个包文件夹到代码中，默认引入的是包文件节下的 index.js 模块文件里导出的对象，如果没有 index.js 文件，则会引入 package.json 里 main 属性指定的文件模块导出的对象

  2. 需求：封装数组求和函数的模块，封装判断用户名和密码长度函数的模块，形成一个软件包，并导入到 index.js 中使用查看效果

10.npm软件包管理器

  1. npm 简介链接： 软件包管理器，用于下载和管理 Node.js 环境中的软件包

  2. npm 使用步骤：

    1. 初始化清单文件： npm init -y （得到 package.json 文件，有则跳过此命令）

      注意 -y 就是所有选项用默认值，所在文件夹不要有中文/特殊符号，建议英文和数字组成，因为 npm 包名限制建议用英文和数字或者下划线中划线

    2. 下载软件包：npm i 软件包名称

    3. 使用软件包

  3. 需求：使用 npm 下载 dayjs 软件包到本地项目文件夹中，引入到 index.js 中格式化日期打印，运行观察效果

  4. 具体使用流程图：

11.npm安装所有依赖

我们拿到了一个别人编写的项目，但是没有 node_modules，项目能否正确运行？

不能，因为缺少了项目需要的依赖软件包，比如要使用 dayjs 和 lodash 但是你项目里没有这个对应的源码，项目会报错的

  1. 为何没有给我 node_modules？

    因为每个人在自己的本机使用 npm 下载，要比磁盘间传递要快（npm 有缓存在本机）

  2. 如何得到需要的所有依赖软件包呢？

    直接在项目目录下，运行终端命令：npm i 即可安装 package.json 里记录的所有包和对应版本到本项目中的 node_modules

12.npm全局软件包-nodemon

  1. 软件包区别：

    • 本地软件包：当前项目内使用，封装属性和方法，存在于 node_modules

    • 全局软件包：本机所有项目使用，封装命令和工具，存在于系统设置的位置

  1. nodemon 作用：替代 node 命令，检测代码更改，自动重启程序

  2. 使用：

    1. 安装：npm i nodemon -g （-g 代表安装到全局环境中）

    2. 运行：nodemon 待执行的目标 js 文件

  3. 需求：使用 nodemon 命令来启动素材里准备好的项目，然后修改代码保存后，观察终端重启应用程序

13.Node.js概念和常用命令总结

Node.js 模块化：把每个文件当做一个模块，独立作用域，按需加载，使用特定标准语法导出和导入使用

CommonJS 标准：一般应用在 Node.js 项目环境中

ECMAScript 标准：一般应用在前端工程化项目中

Node.js 包：把模块文件，代码文件，其他资料聚合成一个文件夹就是包

项目包：编写项目需求和业务逻辑的文件夹

软件包：封装工具和方法进行使用的文件夹（一般使用 npm 管理）

  • 本地软件包：作用在当前项目，封装的属性/方法，供项目调用编写业务需求

  • 全局软件包：作用在所有项目，一般封装的命令/工具，支撑项目运行

Node.js 常用命令：

相关推荐
学前端的小朱9 小时前
Webpack的基础配置
前端·webpack·node.js
神秘代码行者12 小时前
Node.js JWT认证教程
javascript·node.js
代码对我眨眼睛14 小时前
`pnpm` 不是内部或外部命令,也不是可运行的程序或批处理文件（问题已解决，2024/12/3
node.js·nodejs·node·配置问题
qq_3643717214 小时前
子模块、Fork、NPM 包与脚手架概述
前端·npm·node.js
Jackey_Song_Odd15 小时前
[node.js] [HTTP/S] 实现 requests 发起 HTTP/S/1.1/2.0 请求
网络协议·http·node.js
卡尔特斯17 小时前
Nodejs WebSocket 连通 html 网页（简单案例）
websocket·node.js
Domain-zhuo19 小时前
什么是前端构建工具?比如（Vue2的webpack，Vue3的Vite）
前端·javascript·vue.js·webpack·node.js·vue·es6
心肝到爆20 小时前
vue3项目最新eslint9+prettier+husky+stylelint+vscode配置
前端·javascript·vue.js·git·前端框架·node.js
乐闻x1 天前
前端入门指南：Webpack插件机制详解及应用实例
前端·webpack·node.js
热门推荐
01【halcon】halcon字符识别——OCR02【postgresql 基础入门】多表联合查询 join与union 并，交，差等集合操作，两者的区别之处03玄机平台应急响应—webshell查杀04昇腾多卡通信教程【配置网络检测对象IP】05Docker 夺命连环 15 问06PyTorch机器学习实现液态神经网络07扩展大型视觉-语言模型的视觉词汇：Vary 方法08文件或文件夹名称中有空格如何批量去除09(欧拉)openEuler系统添加网卡文件配置流程、(欧拉)openEuler系统手动配置ipv6地址流程、(欧拉)openEuler系统网络管理说明10论文翻译：Large Language Models for Education: A Survey