[ Nodejs与前端开发实战 | 青训营笔记]

库库好好学习
67 阅读2分钟

这是我参与「第五届青训营 」笔记创作活动的第6天

Node.js的应用场景

前端工程化

早期 ajax, jquery 比较流行的时候，我们直接在页面中引入需要的 lib 即可，后续随着模块化transpile 逐渐成熟，需求逐渐增多，对后端能力的需求也逐渐强烈。反过来说，也正是 Node,js 赋予了 js 开发者在浏览器外运行代码的能力，加速催生了这些项目的出现。
image.png

  • Bundle：webpack，vite，esbuild，parcel
  • Uglify：uglifyjs
  • Transpile：bablejs，typescript
  • 其他语言加入竞争：esbuild，parcel，prisma
  • 现状：node.js难以替代

Web服务器端应用

image.png

  • 学习曲线平缓，开发效率高。
  • 运行效率接近常见的编译语言
  • 社区生态丰富及工具链成熟（npm，V8 inspector）
  • 与前端结合的场景会有优势（SSR）
  • 现状：竞争激烈，node.js有自己独特的优势

Electron跨端桌面应用

image.png

  • 商业应用：vscode，slack，discord，zoom
  • 大型公司内的效率工具
  • 现状：大部分场景在选型时，都值得考虑

字节跳动内应用

image.png

Node.js的运行时结构

image.png

  • V8：Javascript运行时，诊断调试工具（inspector）
  • libuv：eventloop事件循环，syscall系统调用

特点

  • 异步I/O
    当Node.js执行I/O操作时，会在响应返回后恢复操作，而不是阻塞线程并占用额外内存等待。
    image.png
  • 单线程
    只有JS主线程是单线程，
    实际上：Js线程+uv线程池+V8任务线程池+V8 Inspector线程
    优点：不用考虑多线程状态同步问题，也就不需要锁；同时还能比较高效地利用系统资源。
    缺点：阻塞会产生更多负面影响；解决办法：多进程或多线程。
  • 跨平台
    大部分功能、api是跨平台的。

编写Http Server

本节目标

  1. 安装 Node.js
  2. 编写 Http Server +Client, 收发 GET,POST 请求
  3. 编写静态文件服务器
  4. 编写 React SSR 服务
  5. 适用 inspector 进行调试、诊断
  6. 部署简介
  • Debug
    开箱即用，特性丰富强大，与前端开发一致、跨平台。
    image.png
    场景：查看console.log内容，breakpoint，高Cpu、死循环：cpuprofile，高内存占用：heapsnapshot，性能分析。
  • 部署要解决的问题
    守护进程：当进程退出时，重新拉起。
    多进程：cluster便捷利用多进程。
    记录进程状态。用于守护。
avatar
文章
阅读
粉丝