Node.js 与前端开发实战 | 青训营笔记

43 阅读2分钟

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

一、本堂课重点内容:

  1. Node.js 的应用场景
  2. Node.js 运行时结构
  3. 如何用编写 Http Server

二、详细知识点介绍:

2.1 Node.js 的应用场景

image.png

2.1.1 前端工程化

  • Bundle: webpack,vite, esbuild, parcel
  • Uglify: uglifyjs
  • Transpile: bablejs, typescript其他语言加入竞争: esbuild, parcel, prisma
  • 现状:难以替代

2.1.2 web服务端应用

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

2.1.3 Electron 跨端桌面应用

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

2.2 Node.js 运行时结构

image.png

2.2.1 V8 libuv

  • V8: JavaScript Runtime, 诊断调试工具(inspector)
  • libuv: eventloop (事件循环),syscall (系统调用)
  • 举例:用node- fetch发起请求时...

2.2.2 特点

image.png

2.2.2.1 异步I/O

当Node.js 执行I/O操作时,会在响应返回后恢复操作,而不是阻塞线程并占用额外内存等待

image.png

2.2.2.2 单线程

  • JS单线程
    • 实际:JS 线程+uv线程池+V8任务线程池+V8 Inspector线程
  • 优点:不用考虑多线程状态同步问题,也就不需要锁;同时还能比较高效地利用系统资源;
  • 缺点:阻塞会产生更多负面影响
    • 解决办法:多进程或多线程

2.2.2.3 跨平台

  • 跨平台(大部分功能、api)
  • Node.js 跨平台+JS无需编译环境(+ Web跨平台+诊断工具跨平台)
    • =开发成本低(大部分场景无需担心跨平台问题),整体学习成本低

2.3.如何用编写 Http Server

三、课后个人总结:

四、引用参考:

  • 青训营ppt