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

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

Node.js的应用场景

1. 前端工程化

• Bundle:webpack,vite,esbuild,parcel
• Uglify:uglifyjs
• Transpile:bablejs,typescript
• 其他语言加入竞争：esbuild,parcel,prisma
• 现状：难以替代 2. Web服务端应用
• 学习曲线平缓，开发效率较高
• 运行效率接近常见的编译语言
• 社区生态丰富及工具链成熟(npm,V8 inspector)
• 与前端结合的场景会有优势(SSR)
• 现状：竞争激烈，Node.js有自己独特的优势 3. Electron跨端桌面应用
• 商业应用：vscode,slack,discord,zoom
• 大型公司的效率工具
• 现状：大部分场景在选型时，都值得考虑

Node.js运行时结构

V8,libuv

• V8:JavaScript Runtime,诊断调试工具(inspector)
• libuv:eventloop(事件循环)，syscall(系统调用)

特点

异步I/O

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

单线程

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

跨平台

• 跨平台
• Node.js +JS无需编译环境
  • 开发成本低，整体学习成本低

编写Http Server

安装Node.js

Http Server

React SSR

• SSR有什么特点
  • 相比传统HTML模板引擎：避免重复编写代码
• 相比SPA：首屏渲染更快，SEO友好
• 缺点：
  • 通常qps较低，前端代码编写时需要考虑服务端渲染情况

Debug