Node.js | 青训营笔记

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

本课堂重点内容：

• Node.js的应用场景
• Node.js的运行结构
• 编写Http Server

Node.js应用场景

Node.js的应用场景主要分为三块：

1. 前端工程化
2. Web服务端应用
3. Electron跨端桌面应用

前端工程化

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

Web服务端应用

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

Electron跨端桌面应用

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

Node.js在字节

• BFF应用、SSR应用，例如 Modern.js
• 服务端应用，例如 头条搜索、西瓜视频、懂车帝
• Electron应用：飞书
• 每年新增 1000+ Node.js应用

Node.js运行时结构

V8，libuv

• V8：js runtime，诊断工具（inspector）
• libuv：eventloop（事件循环），syscall（系统调用）
• 举例：用node-fetch发起请求等

特点

异步IO

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

单线程

• JS单线程
  • 实际：JS线程+uv线程池+v8任务线程池+v8 inspector线程
• 优点：不用考虑多线程状态同步问题，不需要锁，同时可以比较高效的利用系统资源
• 缺点：阻塞会产生更多负面影响
  • 解决方法：多进程或多线程

跨平台

• 跨平台（大部分功能，api）
• Node.js跨平台+JS无需编译环境（+Web跨平台+诊断工具跨平台）
  • 开发成本低（大部分场景无需担心跨平台适配），整体学习成本低

Http Server

以上是通过浏览器返回hello内容

Promisify

用promis+async await重写：

function wait(f){
    return new Promise((resolve,reject)=>{
        setTimeout(()=>{
            resolve()
        },t)
    })
}
wait(1000).then(()=>{
    console.log('get called')
})

将callback转换成promise

静态文件

React SSR

• SSR(server side rendering)有什么特点
  • 相比传统HTML模板引擎，避免重复编写代码
  • 相比SPA:首屏渲染更快，SEO友好
  • 缺点：
    • 通常qps较低，前端代码编写时需要考虑服务端渲染情况
• HTML例子：