Node.js与前端开发实战 ｜ 青训营笔记
这是我参与「第四届青训营 」笔记创作活动的的第16天。
一、Node.js 的应用场景(why)
01 前端工程化
- Bundle: webpack, vite, esbuild, parcel
- Uglify: uglifyjs
- Transpile: bablejs, typescript
- 其他语言加入竞争:esbuild, parcel, prisma
现状:难以替代
02 Web 服务端应用
- 学习曲线平缓，开发效率较高
- 运行效率接近常见的编译语言
- 社区生态丰富及工具链成熟(npm, V8 inspector)
- 与前端结合的场景会有优势(SSR)
现状:竞争激烈，Node.js有自己独特的优势
03 Electron跨端桌面应用
- 商业应用:vscode,slack, discord, zoom
- 大型公司内的效率工具
现状:大部分场景在选型时，都值得考虑
04 Node.js在字节
- BFF应用、SSR应用，举例:Modern.js
- 服务端应用，举例:头条搜索,西瓜视频,懂车帝
- Electron应用:飞连,飞书
- 每年新增1000+ Node.js应用
二、Node.js运行时结构(what)
- V8:JavaScript Runtime,诊断调试工具 (inspector)
- libuv: eventloop(事件循环), syscall(系统调用)
举例:用node-fetch发起请求
特点
1、异步
当Node.js 执行I/O操作时，会在响应返回后恢复操作,而不是阻塞线程并占用额外内存等待
2、单线程
JS单线程:实际:JS线程＋uv线程池＋V8任务线程池＋ V8 Inspector线程
优点:不用考虑多线程状态同步问题，也就不需要锁;同时还能比较高效地利用系统资源
缺点:阻塞会产生更多负面影响
解决办法:多进程或多线程
3、跨平台
- 跨平台(大部分功能、api)
- Node.js 跨平台+JS无需编译环境(+ Web 跨平台＋诊断工具跨平台)
- 开发成本低(大部分场景无需担心跨平台问题)，整体学习成本低
三、编写Http Server (how)
0.安装 Node.js
1.编写Http Server + Client,收发GET, POST请求
2.编写静态文件服务器
3.编写React SSR服务
4.适用inspector进行调试、诊断
- V8 lnspector:开箱即用、特性丰富强大、与前端开发一致、跨平台
- node --inspect
场景:
查看console.log内容
breakpoint
高CPU、死循环: cpuprofile
高内存占用: heapsnapshot
性能分析
5.部署简介
部署要解决的问题
- 守护进程:当进程退出时，重新拉起
- 多进程:cluster便捷地利用多进程
- 记录进程状态, 用于诊断
容器环境
- 通常有健康检查的手段，只需考虑多核cpu利用率即可
四、延伸话题
快速了解Node.is代码 Node.js Core贡献入门
好处:
- 从使用者的角色逐步理解底层细节，可以解决更复杂的问题
- 自我证明，有助于职业发展
- 解决社区问题，促进社区发展;
难点: 花时间
