Node.js与前端开发实战|青训营笔记
这是我参与「第五届青训营 」伴学笔记创作活动的第12天
一、课程知识要点:
Node.js的应用场景Node.js运行时结构- 编写
Http Server
二、详细知识点介绍:
Node.js的应用场景
前端工程化
- Bundle: webpack, vite, esbuild, parcel
- Uglify: uglifyjs
- Transoile-bablejs,typescript
- 其他语言加入竞争:esbuild, parcel, prisma
- 现状:难以替代
web服务端应用
- 学习曲线平缓,开发效率较高
- 运行效率接近常见的编译语言
- 社区生态丰富及工具链成熟(npm, V8 inspector)
- 与前端结合的场景会有优势(SSR)
- 现状:竞争激烈,
Node.js有自己独特的优势
Electron跨桌面应用
- 商业应用:
vscode,slack,discord,zoom - 大型公司内的效率工具
- 现状:大部分场景在选型时,都值得考虑
Node.js在字节
- BFF应用、SSR应用,举例:
Modern.js - 服务端应用,举例:头条搜索,西瓜视频,懂车帝
- Electron应用:飞连,飞书
- 每年新增1000+Node.js应用
Node.js运行时结构
v8 libuv
- V8:
JavaScript Runtime,诊断调试工具(inspector) - libuv:
eventloop(事件循环),syscall(系统调用) - 举例:用
node-fetch发起请求时…特点
- 异步
- 单线程
- 跨平台
异步当Node.js执行//O操作时,会在响应返回后恢复操作,而不是阻塞线程并占用额外内存等待
单线程
- JS单线程。实际:JS 线程+Uv线程池+V8任务线程池+V8Inspector线程
- 优点:不用考虑多线程状态同步问题,也就不需要锁;同时还能比较高效地利用系统资源;
- 缺点:阻塞会产生更多负面影响。解决办法:多进程或多线程
跨平台 - 跨平台(大部分功能、api)
Node.js跨平台+JS 无需编译环境(+Web跨平台+诊断工具跨平台) =开发成本低(大部分场景无需担心跨平台问题),整体学习成本低
编写Http Server
React SRR
SSR(server side rendering)有什么特点?- 相比传统HTML 模版引擎:避免重复编写代码
- 相比
SPA(single page application):首屏渲染更快,SEO友好 - 缺点:通常qps 较低,前端代码编写时需要考虑服务端渲染情况
三、课后总结
详细讲述了Node.js的应用场景和运行时结构,值得我们认真去学习。