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

64 阅读2分钟

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

Node.js 的应用场景

  • 首先要提到的是前端过程化的创建。早期 ajax,jquery 比较流行的时候,我们直接在页面中引入需要的lib 即可。后续随着模块化、transpile 逐渐成熟、需求逐渐增多,对后端能力的需求也逐渐强烈。反过来说,也正是 Node.js 赋予了 js 开发者在浏览器外运行代码的能力,加速催生了这些项目的出现。
  • 第二个常见的场景是使用了 Node.js 开发 Web 服务器应用,也就是后端服务。这里我们特别提一下 vercel 公司
  • 最后要再说下 Electron 应用, 这里不只是指 electron,还包括 nw.js; 这个场景在较大的企业里面非常常见。

前端工程化

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

Web 服务端应用

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

Electron 跨端桌面应用

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

Node.js 运行时结构

image.png

V8,libuv

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

异步 IO

image.png

单线程

  • JS 单线程

    • 实际: JS 线程 + uv线程池 + V8 任务线程池 + V8 inspector线程
  • 优点: 不用考虑多线程状态同步问题,也就不需要锁;同时还能比较高效地利用系统资源;

  • 缺点: 阻塞和产生更多负面影响

    • 解决办法: 多进程或多线程

跨平台

image.png