Node.js中模块介绍

目录

[1. 认识fs模块](#1. 认识fs模块)

[1.1. 什么是fs模块?](#1.1. 什么是fs模块?)

[1.2. fs模块语法](#1.2. fs模块语法)

[1.3. 练习------fs模块-读写文件](#1.3. 练习——fs模块-读写文件)

[2. 认识path模块](#2. 认识path模块)

[2.1. 引入问题](#2.1. 引入问题)

[2.2. 解决问题](#2.2. 解决问题)

[2.3. __dirname 内置变量的介绍](#2.3. __dirname 内置变量的介绍)

[2.4. path.join() 的介绍](#2.4. path.join() 的介绍)

[2.5. path模块语法](#2.5. path模块语法)

[2.6. 练习------调用 path.join() 配合 __dirname 组成目标文件的绝对路径](#2.6. 练习——调用 path.join() 配合 __dirname 组成目标文件的绝对路径)

[3. 认识http模快](#3. 认识http模快)

[3.1. 语法(步骤)](#3.1. 语法(步骤))

[3.2. 练习](#3.2. 练习)


1. 认识fs模块

模块:类似插件,封装了方法/属性

1.1. 什么是fs模块?

  • fs 模块:封装了与本机文件系统进行交互的方法/属性

1.2. fs模块语法

  • 加载 fs 模块对象
  • 写入文件内容
  • 读取文件内容

1.3. 练习------fs模块-读写文件

javascript 复制代码
/**
 * 目标:基于 fs 模块读写文件内容
 *  1. 加载 fs 模块对象
 *  2. 写入文件内容
 *  3. 读取文件内容
 */
// 1. 加载 fs 模块对象
const fs = require('fs')
// 2. 写入文件内容
fs.writeFile('./test.txt', 'hello, Node.js', (err) => {
  if (err) console.log(err)
  else console.log('写入成功')
})
// 3. 读取文件内容
fs.readFile('./test.txt', (err, data) => {
  if (err) console.log(err)
  // data 是 buffer 16 进制数据流对象
  // .toString() 转换成字符串
  else console.log(data.toString())
})

2. 认识path模块

2.1. 引入问题

  • Node.js 代码中,相对路径是根据终端所在路径来查找的,可能无法找到你想要的文件

2.2. 解决问题

  • 建议:在 Node.js 代码中,使用绝对路径

2.3. __dirname 内置变量的介绍

  • 作用:获取当前模块目录-绝对路径

windows: D:\备课代码\3-B站课程\03_Node.js与Webpack\03-code\03mac: /Users/xxx/Desktop/备课代码/3-B站课程/03_Node.js与Webpack/03-code/03

2.4. path.join() 的介绍

  • 作用:会使用特定于平台的分隔符,作为定界符,将所有给定的路径片段连接在一起

2.5. path模块语法

  • 加载 path 模块
  • 使用 path.join 方法,拼接路径

2.6. 练习------调用 path.join() 配合 __dirname 组成目标文件的绝对路径

javascript 复制代码
/**
 * 目标:在 Node.js 环境的代码中,应使用绝对路径
 * 原因:代码的相对路径是以终端所在文件夹为起点,而不是 Vscode 资源管理器
 *  容易造成目标文件找不到的错误
 */
const fs = require('fs')
// 1. 引入 path 模块对象
const path = require('path')
// 2. 调用 path.join() 配合 __dirname 组成目标文件的绝对路径
console.log(__dirname)
fs.readFile(path.join(__dirname, '../test.txt'), (err, data) => {
  if (err) console.log(err)
  else console.log(data.toString())
})

3. 认识http模快

需求:创建 Web 服务并响应内容给浏览器

3.1. 语法(步骤)

  • 加载 http 模块,创建 Web 服务对象
  • 监听 request 请求事件,设置响应头和响应体
  • 配置端口号并启动 Web 服务
  • 浏览器请求 http://localhost:3000 测试
    (localhost:固定代表本机的域名)

3.2. 练习

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 服务启动成功了')
})
相关推荐
万叶学编程2 小时前
Day02-JavaScript-Vue
前端·javascript·vue.js
前端李易安4 小时前
Web常见的攻击方式及防御方法
前端
PythonFun4 小时前
Python技巧:如何避免数据输入类型错误
前端·python
知否技术4 小时前
为什么nodejs成为后端开发者的新宠?
前端·后端·node.js
hakesashou4 小时前
python交互式命令时如何清除
java·前端·python
天涯学馆4 小时前
Next.js与NextAuth:身份验证实践
前端·javascript·next.js
HEX9CF5 小时前
【CTF Web】Pikachu xss之href输出 Writeup(GET请求+反射型XSS+javascript:伪协议绕过)
开发语言·前端·javascript·安全·网络安全·ecmascript·xss
ConardLi5 小时前
Chrome:新的滚动捕捉事件助你实现更丝滑的动画效果!
前端·javascript·浏览器
ConardLi5 小时前
安全赋值运算符,新的 JavaScript 提案让你告别 trycatch !
前端·javascript