我参与「第五届青训营」伴学笔记创作活动的第7天。今天开始了有关Node.JS方面的学习。
应用场景
1. 前端工程化
- Bundle: webpack, vite, esbuild, parcel
- Uglify: uglifyjs
- Transpile: babeljs, typescript
- 其他语言加入竞争:esbuild,parcel,prisma
- 现状:难以替代
2. Web服务端应用,如今日头条
- 学习曲线平缓,开发效率较高
- 运行效率接近常见的编译语言
- 社区生态丰富及工具链成熟(npm, V8 inspector)
- 与前端结合的场景会有优势(SSR)
- 现状:竞争激烈,Node.js有自己独特的优势
3. Electron跨端桌面应用,如飞书
- 商业应用:vscode,slack,discord,zoom
- 大型公司内的效率工具
- 现状:大部分场景在选型时,都值得考虑
运行时结构
- V8:JavaScript Runtime,、诊断调试工具(inspector)
- libuv:eventloop(事件循环),syscall(系统调用)
- 举例:用 node-fetch 发起请求时...
特点:
- 异步I/O 当执行时,会在响应返回后恢复操作,而不是阻塞线程并占用额外内存等待
- JS单线程(实际:JS线程+uv线程池+V8任务线程池+V8 Inspector线程)
优点:不用考虑多线程状态同步问题,也就不需要锁;同时还能比较高效地利用系统资源
缺点:阻塞会产生更多负面影响(解决办法:多进程或多线程)
- 跨平台 (大部分功能、api)
Node.js跨平台+JS无需编译环境(+Web跨平台+诊断工具跨平台)=开发成本低,整体学习成本低
编写
- Http Server
const http=require('http')
const server=http.createServer((req,res)=> {
res.end('hello ')
})
const port=3000
server.listen(port,()=> {
console.log('listening on:',port)
})
- Http Client
const http=require('http')
const body=JSON.stringify({
msg:'Hello from my own client',
})
const req=http.request('http://127.0.0.1:3000',{
method:'POST',
headers:{
'Content-Type':'application/json',
}
},(res)=>{
const bufs=[]
res.on('data',(buf)=>{
bufs.push(buf)
})
res.on('end',()=>{
const buf=Buffer.concat(bufs)
const json=JSON.parse(buf)
console.log('json.msg is:',json.msg)
})
})
req.end(body)
可以通过将callback转换成promise实现以上例子的简化
- 静态文件
- CDN:缓存+加速
- 分布式储存,容灾
可以实现高性能可靠服务
- React SSR
SSR特点:
相比传统HTML模板引擎:避免重复编写代码
相比SPA:首屏渲染更快,SEO友好
缺点:通常qps较低,前端代码编写时需要考虑服务端渲染情况
- Debug
- V8 Inspector: 开箱即用,特性丰富强大,与前端开发一致、跨平台
- node --inspect
- open http://localhost:9229/json
- 场景
- 查看console.log内容
- breakpoint
- 高CPU、死循环:cpuprofile
- 高内存占用:heapsnapshot
- 性能分析
- 部署
部署要解决的问题:
- 守护进程:当进程退出时,重新拉起
- 多进程:cluster便捷地利用多进程
- 记录进程状态,用于诊断
容器环境:
通常有健康检查的手段,只需考虑多核cpu利用率即可
个人小结
Node.JS的应用感觉和React有些相似,但两者各有侧重。课堂中所涉及的知识只是比较浅显的部分,实际操作还需要个人深入学习及灵活应用。