Node.js笔记

最新推荐文章于 2025-07-19 22:47:12 发布
原创 最新推荐文章于 2025-07-19 22:47:12 发布 · 433 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
青训营

当前文章被收录于：

青训营
11 篇文章 1 人学习

参加青训营的笔记

订阅专栏 查看详情

Node.js笔记

参加字节跳动的青训营时写的笔记。这部分是欧阳亚东老师讲的课。

个人博客(欢迎光临)：Node.js笔记

1. 应用场景

  • 前端工程化
  • Web服务端应用
    • 运行效率接近常见的编译语言
    • 社区生态丰富、工具链成熟(npm，V8 inspector)
    • 与前端结合的场景有优势(服务端渲染 SSR)
  • Electron跨端桌面应用
    • 商业应用：vscode, slack, discord
    • 大型公司内的效率工具

2. 运行时结构

  • V8：JavaScript Runtime，诊断调试工具(inspector)
  • libuv：eventloop(事件循环)，syscall(系统调用)

2.1 特点

  • 异步I/O：当Node.js执行I/O操作时，会在响应返回后恢复操作，而不需要阻塞线程(占用额外线程)。

  • 单线程：

    • JS单线程

      • 实际：JS线程+uv线程池+V8任务线程池+V8 inspector 线程

    • worker_thread可以单独起独立线程，每一个线程的模型没有太大变化

    • 优点：不需要考虑多线程状态同步问题(不需要锁)，能够高效地利用系统资源

    • 缺点：阻塞会产生更多的负面影响， 解决方法：多进程或多线程

  • 跨平台(大部分功能， api)：开发成本低(大部分情景不需要考虑跨平台问题)，学习成本低

    • Node.js 跨平台 + JavaScript无需编译环境 + Web跨平台 + 诊断工具跨平台

3. 编写Http Server

之前的笔记

3.1 Hello

const http = require("http");

const port = 8081;

const server = http.createServer((req, res) => {
  res.end("Hello");
});

server.listen(port, () => {
  console.log(`Listen at ${port}`);
})

image-20220120145018966

3.2 JSON数据

用户把JSON数据POST给服务器，服务器再把数据中的msg取出来，返回给用户

服务器端：

const http = require("http");

const server = http.createServer((req, res) => {
  const bufs = [];
  req.on('data', (buf) => {
    bufs.push(buf);   // 把数据收集起来
  });

  req.on("end", () => {
    const buf = Buffer.concat(bufs).toString("utf8");
    let msg = 'Hello';
    try {
      const ret = JSON.parse(buf);  // 转换成JSON对象
      msg = ret.msg;

    } catch (err) {
      // 如果抛出异常的话，则msg是初始值Hello，无需处理异常
    }

    const responseJson = {
      msg: `receive: ${msg}`
    };
    res.setHeader('Content-Type', 'application/json')
    res.end(JSON.stringify(responseJson));		// JSON对象转换为字符串
  })
});


const port = 8081;

server.listen(port, () => {
  console.log(`Listen at ${port}`);
})

客户端：

const http = require('http');

const body = JSON.stringify({
  msg: 'Hello from client'
});

const req = http.request('http:/127.0.0.1:8081', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  }
}, (res) => {
  const bufs = [];
  res.on('data', (buf) => {
    bufs.push(buf);
  });

  res.on('end', () => {
    const buf = Buffer.concat(bufs);
    const json = JSON.parse(buf);
    console.log('json msg is: ', json.msg);
  })
});

req.end(body);

先打开服务器端，再打开客户端。(第一个文件为json.js，第二个为client.js。则先执行node json.js，再执行node client.js)

收到返回信息：

image-20220120190645660

3.3 用Promise + async await 重写3.2

技巧：将callback转换成promise

不是所有的回调函数都适合转换成promise，而是只调用一次的回调函数才适合转换为promise。即createServer()不适合转换为promise。

json.js修改后(输出结果一样)

const http = require("http");

const server = http.createServer(async (req, res) => {
  // 从客户端接收数据
  const msg = await new Promise((resolve, reject) => {
    const bufs = [];

    req.on('error', (err) => {
      reject(err)
    })

    req.on('data', (buf) => {
      bufs.push(buf);   // 把数据收集起来
    });

    req.on("end", () => {
      const buf = Buffer.concat(bufs).toString("utf8");
      let msg = 'Hello';
      try {
        const ret = JSON.parse(buf);  // 转换成JSON对象
        msg = ret.msg;

      } catch (err) {
        // console.log(err);
      }

      resolve(msg); // 返回msg
    })
  })

  // 响应
  const responseJson = {
    msg: `receive: ${msg}`
  };
  res.setHeader('Content-Type', 'application/json')
  res.end(JSON.stringify(responseJson));
});


const port = 8081;

server.listen(port, () => {
  console.log(`Listen at ${port}`);
})

3.4 静态文件服务

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <p>Hello</p>
    <script>
      alert("Hello")
    </script>
  </body>
</html>

static_server.js

const http = require("http");
const fs = require('fs');
const path = require('path');
const url = require('url');

const folderPath = path.join(__dirname, 'static');

const server = http.createServer((req, res) => {
const info = url.parse(req.url);
const filePath = path.join(folderPath, info.path);

const filestream = fs.createReadStream(filePath);
// createReadStream好处: 减少占用内存空间

filestream.pipe(res);

});


const port = 8081;

server.listen(port, () => {
  console.log(`Listen at ${port}`);
})

image-20220120201216995

执行node static_server.js 后，打开http://localhost:8081/index.html

image-20220120201343572

之后会报点小错，因为没有ico图标(忽视就好)

3.5 React SSR

SSR(server side rendering)：服务端渲染

  • 相对于传统HTML模板引擎：可以避免重复编写代码
  • 相比于SPA：首屏渲染更快，SEO友好(SPA应用需要加载完所有的js代码后，才可以给用户返回数据)

首先要先安装react相关的包，npm i react react-dom

下面就是通过React SSR实现显示Hello的代码(有一点不太明白，还是得等会用ReactDOM、ReactDOMServer模块)

ssr.

const React = require('react');
const ReactDOMServer = require('react-dom/server')

const http = require("http");

function App(props) {
  return React.createElement('div', {}, props.children || 'Hello');
}

const port = 8081;

const server = http.createServer((req, res) => {
  res.end(`
    <!DOCTYPE html>
    <html lang="en">
      <head>
        <title>App</title>
      </head>
      <body>
        ${ReactDOMServer.renderToString(
    React.createElement(App, {}, 'Hello'))}
      </body>
    </html>
  `);
});

server.listen(port, () => {
  console.log(`Listen at ${port}`);
})

3.6 Debug

V8 Inspector：开箱即用、与前端开发已知、跨平台

场景：

  • 查看console.log内容
  • breakpoint
  • 性能分析

使用：

  1. node --inspect ssr.js

  2. 打开http://127.0.0.1:9229/json

  3. 复制打开下图红框内容

    image-20220120204024901

  4. 进入下图界面

    image-20220120204058030

    控制台显示连接上

    image-20220120204152109

  5. 对于阻塞的情况，可以使用log point，相当于console.log

    动画

标签
#node.js #前端 #javascript
JS逆向 | 原来，大家对于atob和btoa都有误解？不止base64这么简单！
丁仔.的博客
01-12 3683
声明：本文只作学习研究，禁止用于非法用途，否则后果自负，如有侵权，请告知删除，谢谢！ 引言  故事是这样的，有位读者朋友需要模拟登录一个网站：  aHR0cDovL3d3dy56bGRzai5jb20v  我进去一看，很简单啊，不就是RSA加密么？  一顿操作猛如虎，把涉及RSA的全部扣下来，然后用Python的base64.b64encode代替 btoa 函数调用即可(由于这里的RSA加密为...
Javascript 中 atob 方法解码中文字符乱码问题
Beyond The Sky
06-17 7571
解决 Javascript 中 atob 方法解码中文字符乱码问题 由于一些网络通讯协议的限制,你必须使用 window.btoa() 方法对原数据进行编码后，才能进行发送。接收方使用相当于 window.atob() 的方法对接受到的 base64 数据进行解码,得到原数据。例如，发送某些含有 ASCII 码表中 0 到 31 之间的控制字符的数据。 window.bto
JS 实现blob与base64互转
diandu3502的博客
06-29 1万+
/** * base64 to blob二进制 */ function dataURItoBlob(dataURI) { var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0]; // mime类型 var byte...
js编码解码
a249130的博客
02-08 835
转载自：http://www.jsahz-qq.cn/?id=1226 //编码的方法     function base64encode(str) {         var out, i, len;         var c1, c2, c3;         len = str.length;         i = 0;         ou
nodejs 不支持 atob btoa 转换，解决办法
学习笔记
04-24 3569
nodejs 不支持 atob btoa 转换，解决办法 参考 StackOverflow 解答： https://stackoverflow.com/a/23097961/8086267 nodejs 里没有 atob btoa 的方法，这两个方法是浏览器 js 环境中的 window 对象的方法。 但 nodejs 可以用自己的方法实现转 base64 toBase64 console.log(Buffer.from('Hello World!').toString('base64')); fro
Node.js学习笔记（一）——初识Node.js
weixin_56370772的博客
03-28 842
Node.js 作为一个 JavaScript 的运行环境，仅仅提供了基础的功能和 API。的用户来说，推荐安装 Current 版本的 Node.js。安装包可以从 Node.js 的官网首页直接下载，进入到 Node.js 的官网首页（的“大宝剑”，有了 Node.js 这个超级 buff 的加持，前端程序员的。后，按下回车键，即可查看已安装的 Node.js 的版本号。），点击绿色的按钮，下载所需的版本后，双击直接安装即可。来说，推荐安装 LTS 版本的 Node.js。
Node.js学习笔记
weixin_75207853的博客
10-14 2350
Node.js是一个跨平台JavaScript运行环境，使开发者可以搭建服务器端的JavaScript应用程序。作用：使用Node.js编写服务器端程序。编写数据接口，提供网页资源浏览功能等前端工程化：为后续学习Vue和React等框架做铺垫。前端工程化就是指开发项目直到上线，过程中集成的所有工具和技术。Node.js可以主动读取前端代码内容。
node.js笔记
m0_61619549的博客
03-23 1296
/ 自定义中间件示例：记录请求时间// 在响应发送后记录请求处理时间})// 调用下一个中间件或路由处理函数next()对于功能复杂的自定义中间件，推荐使用模块抽离封装CORS ，跨域资源共享（Cross-Origin Resource Sharing）。它允许浏览器向跨源服务器发出请求，从而克服了AJAX只能同源使用的限制。CORS由一系列HTTP响应头组成，这些HTTP响应头决定浏览器是否阻止前端JS代码跨域获取资源。
node.js学习笔记1
最新发布
mashirokayo的博客
07-19 1070
首先硬盘会把和游戏相关的程度载入到内存，然后如果有指令需要运行，CPU会处理这些指令，执行过程中的视频信号会交给显卡，显卡传给显示器，音频信号会交给声卡，声卡交给外部播放设备。载入到内存之后，CPU就能运行了，在CPU运行的过程中，如果发现需要传输视频信号，有内容需要在显示器呈现，就会交给显卡处理，显卡处理完，就会交给显示器，显示器最后显示出页面。服务器端开发：对于一个上线的项目，光有服务器，是无法运行程序的，而node.js装在服务端，node.js可以接收客户端的请求，并把资源返回，使程序正常运行。
Node.js-in-Notebooks: 在 Jupyter 笔记本中运行 Node.js 代码
gitblog_00503的博客
12-26 461
Node.js-in-Notebooks: 在 Jupyter 笔记本中运行 Node.js 代码 项目基础介绍与主要编程语言 Node.js-in-Notebooks 是由 IBM 开发的一个开源项目，旨在让数据科学家和开发者能够在 Jupyter 笔记本中直接运行 Node.js/JavaScript 代码。该项目允许用户在 Jupyter 的环境中利用 Node.js 的强大功能，无缝地在 ...
node.js 笔记
Ax3_28的博客
09-14 204
Node.js学习笔记详解_timerring的博客-CSDN博客
~【笔记】黑马node.js（p1~p94node.js部分）笔记~
weixin_55935744的博客
10-08 2558
点击通往->黑马node.js视频. 黑马node.js笔记 & 目录：第一章 Node开发概述一、服务器端开发要做的事情二、为什么选择Node三、Node是什么四、Node运行环境搭建五、Node.js快速入门第二章 模块化开发一、node.js模块化开发二、系统模块三、第三方模块四、node_modules文件夹五、node.js中模块的加载机制第三章、服务器端基础一、创建web服务器二、http协议三、HTTP请求与响应处理四、Node.js的工作原理第四章 数据库基础一、数据库概述
『学习笔记05』node.js的基础入门
qq_43513774的博客
12-17 148
『学习笔记05』node.js的基础入门 以下内容是自学于菜鸟教程所做的笔记。 node.js的介绍 简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。 以上内容引用自菜鸟教程，讲的很官方切明白，初学者我有点懵。这是一门非常年轻的工具，（09创建
【Node.js入门笔记1---初始Node.js)】
weixin_46218101的博客
03-06 634
Node.js 是一个基于 Chrome V8 引擎 的 JavaScript 运行时环境，用于在服务器端运行 JavaScript 代码。它让开发者可以用 JavaScript 编写后端（服务器端）程序，打破了传统上 JavaScript 仅能在浏览器中运行的限制。
Node.js 笔记
qq_44767646的博客
12-20 177
Node.js笔记目录Node.js 笔记1.Node.js 简介2.Node创建 http 服务3.Node 中的模块3.1Path 路径操作模块3.2 Node中的其它成员4.Node 中的模板引擎5.Node 模块加载规则6.Node 中 exports 和 module.exports 的区别7.npm7.1 package 和 package-lock.json8.渲染区别9.Expre...
Node.js学习笔记详解
热门推荐
timerring的博客
05-13 4万+
学习Node.js的重点笔记，图文详解了各模块，持续更新，欢迎收藏。 Node.js学习笔记——认识nodejs、详解fs文件系统模块与path路径模块_timerring的博客-CSDN博客 Node.js学习笔记——详解http模块即创建web服务器基本步骤_timerring的博客-CSDN博客 Node.js学习笔记——模块加载机制及npm指令详解_timerring的博客-CSDN博客 Node.js学习笔记——Express、路由、中间件、接口跨域解决方案详解（附实例）_timerrin
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值