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

Node.js与前端开发

1.Node.js的应用场景

• 前端工程化
  • Bundle（打包工具）：webpack,vite,esbuild,parcel
  • Uglify:uglifyjs
  • Transpile:bablejs,typescript
  • 其他语言加入竞争：esbuild,parcel,prisma
  • 现状：难以替代
• Web服务端应用
  • 学习曲线平缓，开发效率较高
  • 运行效率接近常见的编译语言
  • 社区生态丰富及工具链成熟（npm，V8inspector）
  • 与前端结合的场景会有优势（SSR）
  • 现状：竞争激烈，Node.js有自己独特的优势
• Electron跨端桌面应用
  • 商业应用：vscode，slack，discord，zoom
  • 大型公司内的效率工具
  • 现状：大部分场景在选型时，都值得考虑
• Node.js在字节
  • BFF应用、SSR应用,举例：Modern.js
  • 服务端应用,举例：头条搜索，西瓜视频，懂车帝
  • Electron应用：飞连，飞书
  • 每年新增1000+Node.js应用

2.Node,js运行时结构

• Node.js组成部分
• V8：JavaScript Runtime，诊断调试工具（inspector）
• libuv：eventloop（事件循环），syscall（系统调用）
• Node.js特点
  • 1.异步 I/O
    • 当Node.js执行I/O操作时，会在响应返回后恢复操作，而不是阻塞线程并占用额外内存等待

• 2.单线程
  • JS单线程
    • 实际：JS线程 + uc线程池 + V8 任务线程池 + V8Insprctor 线程
  • 优点：不用考虑多线程状态同步问题，也就不需要锁；同时还能比较高效地利用系统资源
  • 缺点：阻塞会产生更多负面影响
    • 解决办法：多进程或多线程
• 3.跨平台
  • Node.js跨平台 + JS无需编译环境（+ Web跨平台 + 诊断工具跨平台）
    • =开发成本低（大部分场景无需担心跨平台问题），整体学习成本低

3.编写Http Server

• 1.编写Http Server + Client，收发GET,POST请求

• 2.编写静态文件服务器

• 3.编写React SSR服务

• 4.适用inspector进行调试、诊断

4.延伸话题