这是我参与「第五届青训营 」伴学笔记创作活动的第18天。
Node.js与前端开发实战
Node.js应用场景
前端工程化
- Bundle：webpack，vite，esbuild，parcel
- Uglify：uglifyjs
- Transpile：bablejs，typescript
- 其他竞争语言： esbuild，parcel，prisma
- 现状：难以替代
web服务端应用
- 学习曲线平缓，开发效率较高
- 运行效率接近常见编译语言
- 社区生态丰富及工具链成熟
- 与前端结合的场景会有优势（SSR）
- 有独特的优势
Electron跨端桌面应用
- 商业应用：vscode，slack，discord，zoom
- 大型公司内的效率工具
- 现状：大部分场景选型，都值得考虑
Node.js在字节
- BFF应用，SSR应用
- 服务端应用
- Electron：飞连，飞书
- 每年新增1000+Node.js应用
Node.js运行时结构
- 异步 I/O
- 当Node.js执行I/O操作时，会在响应返回后恢复操作，而不是阻塞线程并占用额外内存等待
- 单线程
- js单线程
- 实际：js线程+uv线程池+V8任务线程池+V8 Inspector线程
- 优点：不用考虑多线程状态同步问题，也就不需要锁；同时还能比较高效地利用系统资源
- 缺点：阻塞会产生更多负面影响
- 多进程或多线程
- js单线程
- 跨平台
- 跨平台 大部分功能，api
- Node.js跨平台+js（+web跨平台+诊断工具跨平台）
编写Http Server React SSR
特点:
- 相比传统HTML模板引擎：避免重复编写代码
- 相比SPA：首屏渲染更快，SEO友好
- 缺点：通常qps较低，前端代码编写时需要考虑服务端渲染情况
SSR难点
- 需要处理打包代码
- 需要思考前端代码在服务端运行时的逻辑
- 移除对服务端无意义的副作用，或重置环境
编写Http Server 部署
- 守护进程：当进程退出时，重新拉起
- 多进程：cluster便捷利用多进程
- 记录进程状态，用于诊断
