【第二届青训营-寒假前端场】- Node.js与前端开发

155 阅读2分钟

Node.js与前端开发实战

  1. Node.js的应用场景(why)
  2. Node.js运行时结构(what)
  3. 编写Http Sever(how)
  4. 延伸话题

1. Node.js的应用场景(why)

image.png

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

Node.js的应用场景-前端工程化

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

Node.js的应用场景-Web服务端应用

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

Node.js的应用场景-Electron跨端桌面应用

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

Node.js的应用场景-Node.js在字节

  • BFF 应用、SSR 应用,举例:Moder.js
  • 服务端应用,举例:头条搜索,西瓜视频,懂车帝
  • Electron应用:飞连,飞书
  • 每年新增 1000+ Node.js 应用

image.png

2.Node.js运行时的结构

image.png

Node.js运行时结构-V8,libuv

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

Node.js运行时结构-特点

01.异步I/O

image.png 02.单线程

image.png worker thread可以起独立线程,但每个线程的模型没有太大变化

03.跨平台

image.png