这是我参与「第五届青训营 」伴学笔记创作活动的第 4 天.
Node.js的应用场景
Node.js的应用场景-前端工程化
- Bundle:webpack,vite,esbuild,parcel
- Uglify:uglifyjs
- Transpile:bablejs,typescript
Node.js的应用场景-Web服务端应用
- 学习曲线平缓，开发效率较高
- 运行效率接近常见的编译语言
- 社区生态丰富及工具链成熟
- 与前端结合的场景会有优势
Node.js的应用场景-Electro跨端桌面应用
- 商业应用：vscode，slack，discord，zoom
- 大型公司的效率工具
Node.js运行时结构
Node.js运行时结构-V8，libuv
- V8:JavaScript Runtime,诊断调试工具
- libuv：eventloop(事件循环)，syscall(系统调用)
Node.js运行时结构-异步IO
当Node.js执行IO操作时，会在响应返回后恢复操作，而不是阻塞线程并占用额外内存等待
Node.js运行时结构-单线程
JS单线程: JS线程+uv线程池+v8任务线程池+v8Inspector线程
Node.js运行时结构-跨平台
Node.js跨平台+js无需编译环境=开发成本低
Node.js示例代码-编写Http Server
const http = require('http')
const port = 3000
const server = http.createServer((req,res)=>{res.end("hello")})
server.listen(port,()=>{
console.log('server listens on: ${port}' )
})
编写Http Server-按照Node.js
- Mac，Linux推荐使用nvm，多版本管理
- windows推荐使用nvm4w或者官方安装包
- 需注意设置安装源
编写Http Server-静态文件
const http = require('http')
const fs = require('fs')
const path = require('path')
const url = require('url')
const port = 3000
const server = http.createServer((req,res)=>{
const info = url.parse(req.url)
const file = fs.createReadStream(path.resolve(_dirname,'_'+info.pathname))
file.pipe(res)
}
)
server.listen(port,()=>{
console.log('server listens on: ${port}' )
})
编写Http Server-Promisify
用Promise+async await重写这两个例子
将callback转换成promise
function wait(t){
return new Promise((resolve,reject)=>{
setTimeout(
()=>{resolve()}
,t)
})
}
wait(1000).then(()=>{console.log('get called')})
编写Http Server-React SSR
SSR特点：
- 相比传统HTML模板引擎，避免编写重复代码
- 首屏渲染更快，SEO友好
编写Http Server-React 部署
部署要解决的问题:
- 守护进程：当进程退出时重新拉起
- 多进程：cluster便捷利用多进程
- 记录进程状态，用于诊断
