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

93 阅读1分钟
这是我参与「第五届青训营 」伴学笔记创作活动的第 7 天。

1.Node.js的应用场景

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

2.运行时的结构

image.png

  • 特点
    • 异步I/O
    • 单线程
    • 跨平台
  • 异步IO
    • 当Node.js执行I/O时,会在响应返回后恢复操作,而不是 阻塞线程并占用额外内存等待
  • 单线程
    • JS单线程
      • 实际:JS线程+uv线程池+V8任务线程池+V8 Inspector线程
    • 优点:不用考虑多线程状态同步问题,也就不需要锁;同时还能比较高效的利用系统资源;
    • 缺点:阻塞会产生更多的负面影响
      • 解决办法:多进程或多线程
  • 跨平台
    • 大部分功能、api
    • Node.js跨平台+JS无需编译环境(+Web跨平台+诊断工具跨平台)
    • =开发成本低(大部分场景无需担心跨平台问题),整体学习成本低

3. 编写Http Sever-React SSR

  • SSR(sever side rendering)有什么特点?
    • 相比传统HTML模板引擎:避免重复编写代码
    • 相比SPA(single page application):首屏渲染更快,SEO友好
    • 缺点:通常qps较低,前端代码编写时需要考虑服务端渲染情况
  • Debug
    • V8 Inspector:开箱即用、特性丰富强大,与前端开发一致、跨平台
      • node --inspect
      • open http//localhost:9229/json
    • 场景
      • 查看console.log内容
      • breakpoint
      • 高GPU、死循环:cpuprofile
      • 高内存占用:heapsnapshot
      • 性能分析