Node.js与前端开发实战
一、Node.js的应用场景1.前端工程化2.Web服务端应用3.Electron跨端桌面应用4.Node.js在字节二、Node.js运行时结构三、编写 Http Server四、延伸话题一、Node.js的应用场景
1.前端工程化
Bundle:webpack, vite, esbuild, parcelUglify:uglifyjsTranspile:bablejs, typescript其他语言加入竞争:esbuild(go), parcel(rust), prisma现状:难以替代2.Web服务端应用
学习曲线平缓,开发效率较高运行效率接近常见的编译语言社区生态丰富及工具链成熟(npm, V8 inspector)与前端结合的场景会有优势(SSR)现状:竞争激烈,Node.js有自己独特的优势3.Electron跨端桌面应用
商业应用:vscode, slack, discord, zoom大型公司内的效率工具现状:大部分场景在选型时,都值得考虑4.Node.js在字节
BFF应用、SSR应用,举例:Modern.js服务端应用,例如:头条搜索,西瓜视频,懂车帝Electron应用:飞连,飞书每年新增1000+ Node.js应用二、Node.js运行时结构
结构:
V8:JavaScript Runtime,诊断调试工具(inspector)libuv:eventloop(事件循环), syscall (系统调用)举例:用node-fetch发起请求时…
特点:
异步I/O
当Node.js执行I/O操作时,会在响应返回后恢复操作,而不是阻塞线程并占用额外内存等待。
单线程
JS 单线程 实际:JS线程+uv线程池+V8任务线程池+V8 Inspector线程 优点:不用考虑多线程状态同步问题,也就不需要锁;同时还能比较高效地利用系统资源缺点:阻塞会产生更多负面影响 解决办法:多进程或多线程 跨平台 跨平台(大部分功能、api)Node.js跨平台+JS无需编译环境(+ Web 跨平台+诊断工具跨平台) =开发成本低(大部分场景无需担心跨平台问题),整体学习成本低
三、编写 Http Server
安装Node.js
Mac,Linux推荐使用nvm。多版本管理。Windows推荐 nvm4w 或是官方安装包。安装慢,安装失败的情况,设置安装源
NVM_NODEJS_ORG_MRROR=/mirrors/node nvm install 16
Http Server
静态文件
React SSR
Debug
V8 Inspector:开箱即用、特性丰富强大、与前端开发一致、跨平台
node --inspectopen http://localhost:9229/json
场景:
查看console.log内容breakpoint高CPU、死循环:cpuprofile高内存占用:heapsnapshot性能分析
部署
部署要解决的问题:
守护进程:当进程退出时,重新拉起多进程:cluster便捷地利用多进程记录进程状态,用于诊断
容器环境:
通常有健康检查的手段,只需考虑多核 cpu 利用率即可
四、延伸话题
Node.js贡献代码编译Node.js诊断/追踪WASM,NAPINode.js下载
Node.js 教程-菜鸟教程