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

这是我参与「第五届青训营 」伴学笔记创作活动的第7天

一、本堂课重点内容：

1. Node.js的应用场景
2. Node.js运行时结构
3. 编写Http Server
4. 延伸话题

二、详细知识点介绍：

1. Node.js的应用场景

1. 前段工程化

• Bundle:webpack,vite,esbuild,parcel

• Uglify:uglifyjs

• Transpile:bablejs,typescript

• 其他语言加入竞争:esbuild,parcel,prisma

• 现状:难以替代

  2. Web服务端应用

• 学习曲线平缓，开发效率较高

• 运行效率接近常见的编译语言

• 社区生态丰富及工具链成熟

• 与前端结合的场景会有优势

• 现状:竞争激烈，Node.js有自己独特的优势

  3. Electron跨端桌面应用

• 商业应用：vscode，slack，discord，zoom

• 大型公司内的效率工具

• 现状：大部分场景在选型时，都值得考虑

  4. Node.js在字节

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

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

• Electron应用：飞连，飞书

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

2. Node.js运行时结构

V8,libuv

• V8：JavaScript Runtime,诊断调试工具(inspector)
• libuv:eventloop(事件循环),syscall(系统调用)
• 举例:用node-fetch发起请求时

特点

1. 异步I/O

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

2. 单线程

• JS单线程
  • 实际:JS线程+uv线程池+V8任务线程池+V8 Inspector线程
• 优点：不用考虑多线程状态同步问题，也就不需要锁；同时还能比较高效地利用系统资源；
• 缺点：阻塞会产生更多负面影响
  • 解决办法：多进程或者多线程

3. 跨平台

• 跨平台
• Node.js跨平台+JS无需编译环境(+Web跨平台+诊断工具跨平台)
  • =开发成本低(大部分场景无需担心跨平台问题)，整体学习成本低

3. 编写Http Server

本节目标

0. 安装Node.js

• Mac，Linux推荐使用nvm。多版本管理
• Windows推荐nvm4w或官方安装包
• 安装慢，安装失败的情况，设置安装源

1. 编写Http Server + Client,收发GET,POST请求

2. 编写静态文件服务器

3. 编写React SSR服务

4. 适用inspector进行调试、诊断

• V8 Inspector:开箱即用、特性丰富强大、与前端开发一致、跨平台

  • node --inspect
  • open http://localhost:9229/json

• 场景

  • 查看console.log内容
  • breakpoint
  • 高CPU、死循环:cpuprofile
  • 高内存占用:heapsnapshot
  • 性能分析

5. 部署简介

• 部署要解决的问题

  • 守护进程：当进程退出时，重新拉起
  • 多进程：cluster便捷地利用多进程
  • 记录进程状态，用于诊断

• 容器环境

  • 通常有健康检查的手段，只需考虑多核cpu利用率即可

4. 延伸话题

• 快速了解Node.js代码

• 好处：

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

• 难点：

  • 花时间

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

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

三、课后个人总结：

• 这次课代码量不小，收获很大，有很大帮助
• 对Node.js的理解加深了