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

这是我参加【第四届青训营】笔记创作活动的第15天

01—Node.js的应用场景

01-1—前端工程化

• Bundle：webpack，vite，esbuild，parcel；
• Uglify：uglifyjs；
• Transpile：bablejs，typescript；
• 其他语言加入竞争：esbuild，parcel，prisma；
• 现状：难以替代。

01-2—Web服务端应用

• 学习曲线平缓，开发效率较高；
• 运行效率接近常见的编译语言；
• 社区生态丰富及工具链成熟(npm、V8 inspector)；
• 与前端结合的场景会有优势(SSR)；
• 现状：竞争激烈，Node.js有自己独特的优势。

01-3—Electron跨端桌面应用

• 商业应用：vscode，slack，discord，zoom；
• 大型公司内的效率工具；
• 现状：大部分场景在选型时，都值得考虑。

01-4—Node.js在字节

• BFF应用、SSR应用，举例：Modern.js；

• 服务单应用，举例：头条搜索，西瓜视频，懂车帝；

• Electron应用：飞连、飞书；

• 每年新增1000+ Node.js应用。

02—Node.js运行时结构

02-1—运行时结构

02-1—V8，libuv

• V8：JavaScript Runtime，诊断调试工具(inspector)；

• libuv：eventloop(事件循环)，syscall(系统调用)；

• 举例：用node—fetch发起请求时….

02-3—特点

02-3-1异步IO

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

02-3-2单线程

JS单线程

实际：JS线程 + uv线程池 + V8任务线程池 + V8 Inspector线程

优点：不用考虑多线程状态同步问题，也就不需要锁；同时还能比较高效地利用资源；

缺点：阻塞会产生更多负面影响；

解决办法：多进程或多线程

02-3-3跨平台

跨平台(大部分功能，api)

Node.js跨平台 + JS 无需编译环境(+Web跨平台 + 诊断工具跨平台)

=开发成本低(大部分场景无需担心跨平台问题)，整体学习成本低。

03—编写Http Server

03-1—Http Server

03-2—Http Client

03-3—Promisify

03-4—静态文件

03-5—React SSR

03-6—Debug

03-7—部署

04—延伸话题

04-1—Node.js贡献代码

• 快速了解Node.js代码：Node.js Core 贡献入门

• 好处：

  • 从使用者的角色逐步理解底层细节，可以解决更复杂的问题；
  • 自我证明，有助于职业发展；
  • 解决社区问题，促进社区发展；

• 难点：花时间

04-2—编译Node.js

• 为什么要学习编译Node.js

  • 认知：黑盒到白盒，发生问题时能有迹可循；
  • 贡献代码的第一步；

• 如何编译

  • 参考：Maintaining the build files
  • ./configure &&make install
  • 演示：给net模块添加自定义属性

04-3—诊断/追踪

• 诊断是一个低频、重要同时也相当有挑战的方向。是企业衡量自己能否以来一门语言的重要参考。

• 技术咨询行业中的热门角色。

• 难点：

  • 需要了解Node.js底层，需要了解操作系统以及各种工具；
  • 需要经验。

04-4—WASM，NAPI

• Node.js(因为V8)是执行WASM代码的天然容器，和浏览器WASM是同一运行时，同时Node.js支持WASI。
• NAPI执行C接口的代码(C/C++/Rust….)同时能保留原生代码的性能。
• 不同编程语言间通信的一种方案。