node.js相关知识

最新推荐文章于 2024-05-18 21:06:32 发布
最新推荐文章于 2024-05-18 21:06:32 发布
阅读量155 收藏
点赞数
分类专栏： nodejs 文章标签： node.js node 后端 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jakelzk/article/details/115274234
版权

1 node.js 基本概念：

  1. 是一个基于chrome V8引擎的JavaScript运行环境，而不是编程语言，用来运行 js 代码。
  2. (学习node不是学习新语言，而是学习模块的使用）

2 node.js 和浏览器端的区别

  1. 相同点：都支持ECMAScript（变量、函数、运算。。。）
  2. 不同点：node.js没有window，bom，dom；浏览器也没有node.js中的模块

3 命令行下的按键和命令

在这里插入图片描述

4 node.js 中的模块分类

	1. 核心模块（内置，自带）：核心模块是node自带的，名字是固定的，不能乱写
	1. 自定义模块（自己写的）
	1. 第三方模块（别人写的）

5 核心模块–以 fs

  • 使用
步骤：
1 引入
const 模块名=require('模块名')

2 调用
模块名.api( )

5.1 fs.readFile - 异步读文件

  • 异步理解：
  1. 与 setTimeout() 一样会有异步效果，同步代码执行之后，再执行异步代码
  2. 读文件时，不一定取决于写代码的顺序，应取决于读文件的时间
// 引入
const fs = require('fs')

// 调用 fs.readFile(文件路径,编码格式, 回调函数) -->编码格式可写可不写
fs.readFile('hello.js','utf8', function (err, data) { 
  //err表示错误，如果读的过程中，有错误，则错误对象会保存在err中
    if(err){      
        console.log(err)
        return
      	// 尽早返回
        //如果有错误，打印错误，停止执行
    }
  //data表示读出来的内容。如果不设置编码，它的类型是Buffer:16进制表示。如果设置了编码，则按编码规则进行转换
    console.log(data)
})

5.2 fs.readFileSync - 同步读文件

// 引入
const fs = require('fs')

// 调用 fs.readFileSync(文件路径,编码格式) -->编码格式可写可不写
const content = fs.readFileSync('hllo.txt', 'utf8')
console.log(content);

5.3 捕获同步格式中的错误对象（使用try …catch…）

try {
  const fs = require("fs")
	let content = fs.readFileSync('文件路径',"utf8");
	console.log(content)
} catch(err) {
  console.log(err)
}

5.4 fs.writeFile - 覆盖写入

  • 注意：
  1. 覆盖之前的内容
  2. 写入的内容必须时 string 或者 Buffer
  3. 写入数组或者对象，需转换成字符串 JSON.stringify()
// 引入
const fs = require('fs')

// 调用 fs.writeFile(文件路径,要写入的字符串，配置项，回调函数) -->配置项默认 utf-8
let arr = [1, 2, 3, 4, 5]
let arrStr = JSON.stringify(arr)
const fs = require('fs')
fs.writeFile('info.txt', arrStr, function (err) {
    console.log('err为null，表示无错误,err:', err);
})

5.5 fs.appendFile - 追加写入

// 引入
const fs = require('fs')

// 调用 fs.appendFile(文件路径,要写入的字符串，配置项，回调函数) -->配置项默认 utf-8
const fs = require('fs')
//  '\n'-->换行
fs.appendFile('hello.txt', '\n新添加的！', (err) => {
    if (err) {
        console.log('err', err);
    }
})

6 路径问题–获取绝对路径

  • 相对路径的隐患：在 fs 中读取文件时，如果采用相对路径，则读文件时，node.js 会去运行命令的路径+代码中的相对路径
  • __dirname：获取当前被执行文件所在的文件夹的绝对路径
  • __filename：获取当前被执行文件的绝对路径

7 核心模块 - path

  • 作用：处理路径的相关方式
  • 引入：const path = require(‘path’)
  • 常用api：
  1. path.basename( ) //返回path的最后一部分，一般用来获取路径中的文件名。
  2. path.join( ) //路径拼接
  3. path.parse(pathurl) //把一个路径转成一个对象
path.basename('/foo/bar/baz/asdf/quux.html');// 返回: 'quux.html'
path.basename('/foo/bar/baz/asdf/quux.html', '.html');// 返回: 'quux'
path.dirname('/foo/bar/baz/asdf/quux');// 返回: '/foo/bar/baz/asdf'
path.extname('index.html');// 返回: '.html'

8 核心模块 - querystring

const qs = require('querystring')
let arr = 'name=李白'

const queryStr = qs.parse(arr)
console.log(queryStr);
// [Object: null prototype] { name: '李白' }
console.log(queryStr.name);
// 李白

9 服务器相关概念

  • 服务器与客户端

    1 服务器 = 电脑 + 能提供服务的软件
    2 客户端 = 电脑 + 享受服务的软件

  • 服务器类型：根据提供的服务不同来分类

    1 web 服务器
    2 数据库服务器
    3 ftp 服务器

  • ip 地址：唯一定位位置的编号

  • 域名

    1 是 ip 地址的别名
    2 localhost 表示本机的域名

  • 端口

    1 计算机通过 IP地址 + 端口号 来进行通讯
    2 不能共用

  • http 协议：约定浏览器与web服务器之间的通信规则

  • 请求
    1 请求行
    在这里插入图片描述

    2 请求头
    在这里插入图片描述

    3 请求体（get 类型没有请求体）
    在这里插入图片描述

  • 2 响应
    1 响应行
    在这里插入图片描述

    2 响应头
    在这里插入图片描述

    3 响应体
    在这里插入图片描述

10 写一个服务器

  • res.end( ) 作用：
  1. 结束请求
  2. 设置响应体
  3. 参数只能是字符串或 buffer
  • 在服务器端获取本次请求的url

req.url // 一定是以 / 开头的

// 引入 http 模板
const http = require('http')
// 创建服务
const server = http.createServer((req, res) => {
    // req:request 本次请求
    // res: response 本次响应
    // 回调，每一次请求都会执行一次
    res.end('只能是字符串或者buffer')
})
// 启动服务--指定端口
server.listen(端口号, () => {
    console.log('启动成功');

})

11 content- type

  • 作用：告诉浏览器本次传输的数据类型
  • 在请求头（响应头）中起作用
  • 格式：res.setHeader(‘content-type’, ‘xxxxxxx’)
.html：res.setHeader('content-type', 'text/html;charset=utf8') 
.css：res.setHeader('content-type', 'text/css;charset=utf8')
.js: res.setHeader('content-type', 'application/javascript') 
.png: res.setHeader('content-type', 'image/png')
json 数据: res.setHeader('content-type', 'application/json;charset=utf-8')

其它类型，参考这里：https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types

12 状态码：http 协议约定的编码

类型：https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Status
常见状态码：200 、301 、400 、401 、404 、500

13 处理 html 文件中的二次请求

// 引入 http 模板
const http = require('http')
const fs = require('fs')
const path = require('path')

// 创建服务
const server = http.createServer((req, res) => {
    // 获取 url
    const { url } = req
    // console.log(url);
    // 如果地址为 / 或 index.html则返回 index.html
    if (url === '/' || url === '/index.html') {
        // 地址拼接
        const pathFile = path.join(__dirname, 'index.html')
        // 读文件，返回
        const content = fs.readFileSync(pathFile, 'utf8')
        res.end(content)
    } else if (url === '/' || url === '/index.css') {
        // 地址拼接
        const pathFile = path.join(__dirname, '/index.css')
        // 读文件，返回
        const content = fs.readFileSync(pathFile, 'utf8')
        res.end(content)
    } else if (url === '/' || url === '/4.jpg') {
        // 地址拼接
        const pathFile = path.join(__dirname, '/4.jpg')
        // 读文件，返回
        const content = fs.readFileSync(pathFile)
        res.end(content)
    } else if (url === '/' || url === '/js/jquery.js') {
        // 地址拼接
        const pathFile = path.join(__dirname, '/js/jquery.js')
        // 读文件，返回
        const content = fs.readFileSync(pathFile)
        res.end(content)
    } else {
        res.end('404')
    }

14 统一处理静态资源

  • 思路：收到请求后，在指定的文案夹下读资源：读到，返回（读不到，返回 404）
// 导入模板
const fs = require('fs')
const path = require('path')
const http = require('http')
// 创建服务器
const server = http.createServer((req, res) => {
    // 取地址
    const { url } = req
    // console.log(url);
    // 获取地址后缀
    const map = path.extname(url)
    // console.log(map);
    // 后缀名对象
    const contentMap = {
        '.html': 'text/html;charset=utf-8',
        '.css': 'text/css;charset=utf-8',
        '.jpg': 'image/jpg',
        '.js': 'application/javascript'
    }
    // 拼接地址
    const pathFile = path.join(__dirname, 'public', url)
    // console.log(pathFile);
    try {
        // 读文件
        const content = fs.readFileSync(pathFile)
        // 判断后缀
        if (contentMap[map]) {
            res.setHeader('content-type', contentMap[map])
        }
        res.end(content)
    } catch (err) {
        res.end('错了错了')
    }
})
// 启动服务器
server.listen(8888, () => {
    console.log('服务已启动，开始得瑟');
})

15 接口

  • 三要素：

    1 方式
    2 url
    3 请求参数

  • 类型：get / post /…

  • get 请求和 post 请求的区别：
    1.请求类型不同
    2.请求携带参数不同
    (1) get ：参数是在 url 中拼接的，参数是通过请求行传递给后端，后端可以立即获取
    (2)post ：参数是请求体中传递给后端的（数据是一段一段传的）

    3.http 模块中获取参数
    (1)get：req.url 中可以直接获取查询字符串；
    (2)post：在 req 上添加两个事件

    1. data 每次收到一段数据之后，就会触发一次
    2. end 全部接收完成之后，触发一次
写一个 get 类型的请求，返回 json 格式的数据
// 导入模板
const fs = require('fs')
const path = require('path')
const http = require('http')
// 创建服务器
const server = http.createServer((req, res) => {
    // 取地址
    const { url } = req
    // console.log(url);
    // 获取地址后缀
    const map = path.extname(url)
    // console.log(map);
    // 后缀名对象
    const contentMap = {
        '.html': 'text/html;charset=utf-8',
        '.css': 'text/css;charset=utf-8',
        '.jpg': 'image/jpg',
        '.js': 'application/javascript'
    }
    // 拼接地址
    const pathFile = path.join(__dirname, 'public', url)
    // console.log(pathFile);
    try {
        // 读文件
        const content = fs.readFileSync(pathFile)
        // 判断后缀
        if (contentMap[map]) {
            res.setHeader('content-type', contentMap[map])
        }
        res.end(content)
    } catch (err) {
        res.end('错了错了')
    }
})
// 启动服务器
server.listen(8888, () => {
    console.log('服务已启动，开始得瑟');
})
写一个 get 类型的请求，返回 json 格式的数据-带参数
// 引入模板
const http = require('http')
const path = require('path')
const fs = require('fs')
const qs = require('querystring')

// 创建服务器
const server = http.createServer((req, res) => {
    // 当请求地址是 get 类型，并且是地址是 /getList 时，解析查询字符串
    const [url, queryStr] = req.url.split('?')
    // console.log(url, queryStr);
    if (url == '/getList' && req.method === 'GET') {
        // 把查询字符串转化成对象
        const qsObj = qs.parse(queryStr)
        // console.log(qsObj);
        // 地址拼接
        const pathFile = path.join(__dirname, 'db', 'data.json')
        // console.log(pathFile);
        // 设置 content-type
        res.setHeader('content-type', 'application/json;charset=utf8')
        // 读文件
        const content = fs.readFileSync(pathFile, 'utf8')
        // console.log(content);
        // 内容转数组
        const arr = JSON.parse(content)
        // console.log(arr);
        // 在数组中查找
        const rs = arr.find(item => item.name === qsObj.name)
        // 返回结果必须是字符串或者 buffer
        const result = JSON.stringify(rs)
        res.end(result)
    } else {
        res.end('404')
    }
})

//启动服务器
server.listen(10086, () => {
    console.log('服务器已启动，请开始得瑟');
})
写一个 post 类型的请求，添加数据
  • 步骤：
  1. 添加事件监听，获取查询字符串格式数据
  2. 将接收到的数据转化为对象
  3. 读文件，将文件转化为数组
  4. 将数据写入数组
  5. 写回 .json 文件中
// 引入模板
const http = require('http')
const path = require('path')
const fs = require('fs')
const qs = require('querystring')

// 创建服务器
const server = http.createServer((req, res) => {
    // 当请求地址是 get 类型，并且是地址是 /getList 时，解析查询字符串
    const [url] = req.url.split('?')
    // console.log(qsObj);
    // 地址拼接
    const pathFile = path.join(__dirname, 'db', 'data.json')
    // console.log(pathFile);
    if (url == '/add' && req.method === 'POST') {
        // 添加事件监听
        let result = ''
        req.on('data', (chunk) => {
            // console.log("每上传一小段触发一次", chunk);
            result += chunk
        })

        req.on('end', () => {
            // console.log('结束时才触发一次');
            // 将查询字符串转化为对象
            const qsObj = qs.parse(result)
            // console.log(qsObj);
            // 读文件
            const content = fs.readFileSync(pathFile, 'utf8')
            // console.log(content);
            // 将文件转化为数组
            const arr = JSON.parse(content)
            // console.log(arr);
            // 插入数据
            arr.push({ name: qsObj.name })
            // console.log(arr);
            // 写回数据
            fs.writeFileSync(pathFile, JSON.stringify(arr))
        })
        res.end('404')
    } else {
        res.end('404')
    }
})

//启动服务器
server.listen(10086, () => {
    console.log('服务器已启动，请开始得瑟');
})

16 模块化及发展

1 模块化：一个 js 文件可以引入另一个 js 文件中的方法
2 发展：es5不支持，es6支持，node.js支持（）语法与es6中模块化语法有不同

17 自定义模块的使用背景和用法

  • 背景： 代码重用 / 优化代码结构
  • 步骤：

  1. 定义模块：

    1 写函数
    2 导出：module.exports = 要导出的内容（一般会是一个对象）

  2. 使用模块：

    1 导入：const 模块名 = require（相对路径）
    2 使用 ：使用前 log 一下看内容

  • 导出模块有两种方式
  1. module.exports = 要导出的内容
  2. export.xxx=xxx
  3. 两种方式都存在时，以 module.exports 为准
l-ddui
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
node.js基础知识汇总
10-14
Node.js 是一种基于 Chrome V8 引擎的 JavaScript 运行环境，它允许开发者使用 JavaScript 语言编写服务器端应用。Node.js 的核心特点在于其非阻塞I/O 和事件驱动模型，这使得它在处理高并发请求时表现出色。下面...
node.js时钟案例
04-13
首先，我们需要了解Node.js的基础知识。Node.js的核心特性之一是它的非阻塞I/O模型，这使得它在处理高并发请求时表现出色。此外，Node.js拥有丰富的模块系统，比如我们可以通过`fs`模块读取和写入文件，通过`http`...
nodejs相关
baidu_19552787的博客
02-28 86
// node 开发技能汇总 //1. 使用javascript语言写的一个服务器环境(基本语法 ：面向对象 闭包 设计模式 作用域) //2. nodejs的核心内置类库 （全局对象 事件 流 网络 子程序） //3. 第三方库 express async //4. Node的高级话题（异步 部署 性能调试 异常调试） //5. 常用前端技术 （html5 CSS JQue...
node.js相关知识回顾
qq_49378268的博客
10-31 91
1.什么是Node？ Node.js® 是基于Chrome 的 V8 JavaScript 引擎构建的 JavaScript 运行时。 不需要处理兼容性问题 2009.05 1.1Node是一个JS的运行环境 ​ js的运行方式： ​ 1.客户端：把js文件引入，然后打开浏览器，控制台查看 ​ 2.node服务端： ​ 1.cmd窗口中cd命令切换到需要打开的文件夹下，运行 node 文件名 ​ 2.直接在文件夹下 shift+右键 ​ 3.vscode编辑器中直接在当前
Node.js知识点以及案例总结
最新发布
guai_guai_guai的博客
05-18 834
/ 3.1 定义处理 css 样式的方法// 3.2 使用正则提取需要的内容const r1 = regStyle.exec(htmlStr)//选出匹配正则表达式内的字符串// 3.3 将提取出来的样式字符串，进行字符串的 replace 替换操作// 3.4 调用 fs.writeFile() 方法，将提取的样式，写入到 clock 目录中 index.css 的文件里面if (err) return console.log('写入 CSS 样式失败！
nodeJs技术相关
weixin_30780649的博客
10-23 150
岁的萨芬 转载于:https://www.cnblogs.com/wanpisces/p/7717456.html
node.js相关知识点
奈何故里无故人的博客
08-23 142
一、node 1、创建简单的web服务器 2、使用http模块（监听函数 参数： request 请求头 、 response 响应头） 3、监听服务器端口 4、设置服务器响应数据的格式 5、结束当前服务 const http = require('http') let port = 8000; let hostname = 'localhost'; const server = http.createServer((req, res) => { res.writeHead(..
nodejs相关3
lgl_19910331的博客
09-11 431
1、用post请求做表单提交实例： （1）在express中获取表单post请求体数据，在express中没有内置获取表单post请求体的API，结合第三方插件Middleware，body-parser获取表单post请求体数据。使用时，首先安装，（npm install --save body-parser） （2）首先引包  var bodyParser=require('body-pa...
node.js基础知识小结
12-23
javascript之前一般用于web前段开发，然而由于node.js的出现，用javascript开发后端程序也不再是一件复杂的事情。node.js中js引擎来自于chrome v8浏览器，配合node.js额外开发的工具代码，本身使用起来非常容易，也...
Node.js相关技术知识点总结
speedwalkman的专栏
02-08 398
Node.js相关技术知识点总结
【Nodejs】Nodejs入门必知
DreamSeeker_1314的博客
08-09 1079
https://i5ting.github.io/How-to-learn-node-correctly/#1 1.3.2. 安装Node.js环境 3m安装法 nvm（node version manager）【需要使用npm安装，替代品是yrm（支持yarn）】 nrm（node registry manager）【需要使用npm安装，替代品是yrm（支持yarn）】 npm（nod...
fs.readFile和fs.readFileSync的区别
热门推荐
祥哥的说
05-09 6万+
Node.js内置的fs模块就是文件系统模块，负责读写文件。 和所有其它JavaScript模块不同的是，fs模块同时提供了异步和同步的方法。 回顾一下什么是异步方法。因为JavaScript的单线程模型，执行IO操作时，JavaScript代码无需等待，而是传入回调函数后，继续执行后续JavaScript代码。比如jQuery提供的getJSON()操作： $.getJSON('http...
node.js 学习—— fs 读取与写入
TGODS
03-15 1900
node.js 学习，fs 文件模块的 读取和写入
使用fs.readFile()方法读取文件
qq_59128070的博客
05-17 1万+
// 1.导入fs模块 来操作文件 const fs = require('fs') // 2.调用fs.readFile()方法读取文件 // 参数1： 读取文件的存放路径 // 参数2： 读取文件时候采用的编码格式 一般默认认定 utf8 // 参数3： 回调函数，拿到读取失败和成功的结果 err dataStr fs.readFile('./files/11.txt','utf-8',function(err,dataStr){ // 打印失败的...
文件系统--fs(读)--fs.read
weixin_30825199的博客
10-09 838
var fs = require('fs');var buf=new Buffer(1024);//fs.open(); //fs.open(path,flags,mode,callback);/* path - 文件的路径。 flags - 文件打开的行为。 mode - 设置文件模式(权限)，文件创建默认权限为 0666(可读，可写)。 callbac...
Node.js fs模块（二）读写文件
伏城之外的博客
01-19 4050
Node.js fs模块（一）_qfc_128220的博客-CSDN博客 在前面一节中，我们介绍了fs.open，fs.read，fs.write，fs.close等方法的使用，但是我们发现实操起来比较繁琐，主要难点在于 读写文件前，需要先打开文件获取fd，并且需要设置好文件操作符，以及文件权限位，否则很容易导致读写过程发生错误，并且读写完文件后，也要人为关闭文件描述符fd，所以整体上很公式化。另外还有需要人为准备缓冲区，并控制缓冲区大小。 所以 Node.js 也提供了整合型方法，来实现一个方法实现文
fs模块 之 文件读取
2301_76669854的博客
03-15 713
举例：我在不同文件夹的lesson4的data下建立了一个a.txt。要读取a.txt内容。以之前写的文件写入为例：读取‘我可以（异步）.txt’和‘data（同步）.txt’读取文件的应用场景:电脑开机/程序运行/播放视频音乐/上传文件...利用文件读取而不是直接打开文本查看的目的是为了。
Nodejs 核心模块之fs内置模块
葵莳雨
06-25 459
1.fs.stat 获取文件信息 2.fs.mkdir 创建目录 mkdirp 3.fs.writeFile 写入文件 4.fs.appendFile 追加文件 5.fs.readFile 读取文件 6.fs.readdir 读取目录 7.fs.rename 1、重命名 2、移动文件 8.fs.rmdir删除目录 9.fs,unlink删除文件 *****Sync一般放在try..catch中****** 1.fs.stat、fs.statSync获取文件信息 stats.isFile()、st.
Node.js中文入门指南：快乐学习Node.js
在书中，首先介绍了Node.js的基本概念，包括JavaScript与Node.js的关系。JavaScript在Node.js中的Event Loop机制是核心，它使得Node.js能够处理大量的并发连接。此外，书中详细讲解了作用域与闭包、回调函数、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值