Node.js 青训营笔记

49 阅读1分钟

今天是我参加青训营的第七天 分享要点: 什么是 Next.js

Next.js 客户端开发

Next.js 服务端开发

项目核心功能讲解

详细内容

应用场景

image.png 在前端工程化的应用

image.png 在web的应用

image.png 跨桌面应用

image.png 运行时结构

image.png

image.png

Node.js安装

image.png

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

React SSR 特点

SSR(server side rendering) 有什么特点?

相比传统HTML 模板引擎:避免重复编写代码 相比SPA(single page application):首屏渲染更快,SEO 友好

缺点:通常qps较低,前端代码编写时需要考虑服务端渲染情况。

image.png

image.png

image.png

image.png

image.pngDebug V8 Inspector:开箱即用,特效丰富强大,与前端开发一致,跨平台。

node--inspect open http//localhost:9229/json 场景: 查看console.log内容 breakpoint 高CPU,死循环:cpuprofile 高内存占用:heapsnapshot 性能分析

总结

课程内容分为Node.js的应用场景;Node.js运行时结构;编写Http Server;延伸话题四部分,JS作为前端基石应当在听完课后多加练习,进行总结,做到熟练运用。多从实例分析