这是我参与「第五届青训营 」伴学笔记创作活动的第 9 天
1.Node.js的应用场景
- 前端工程化：浏览器之外运行前端代码
- Web服务端应用
- Electron跨端桌面应用
前端工程化
- Bundle:webpack,vite,esbuild,parcel
- Uglify:uglifyjs
- Transpile:bablejs,typescript
- 其他语言加入竞争：esbuild,parcel,prisma
- 现状：难以替代
Web服务端应用
- 学习曲线平缓，开发效率较高
- 运行效率接近常见的编译语言
- 社区生态丰富及工具链成熟（npm,V8 inspector)
- 与前端结合的场景会有优势（SSR)
- 现状：竞争激烈，Node.js有自己独特的优势
Eletron跨端桌面应用
- 商业应用：vscode,slack,discord,zoom
- 大型公司内的效率工具
- 现状：大部分场景在选型时，都值得考虑
2.Node.js运行时的结构
- V8:JavaScript Runtime,诊断调试工具（inspector)
- libuv:eventloop(事件循环）,syscall(系统调用），IO操作
- 举例：用node-fetch发起请求时...
3.Node.js运行时的特点
- 异步 I/O：当Node.js执行IO操作时，会在响应返回后恢复操作，而不是阻塞线程并占用额外内存等待
- 单线程：实际：JS线程+uv线程池+V8任务线程池+V8 Inspector线程
- 跨平台：Node.js跨平台+JS无需编译环境（+Web跨平台+诊断工具跨平台）
编写Http Server
工作目标
- 安装Node.js
- 编写Http Server+Client,收发GET,POST请求
- 编写静态文件服务器
- 编写 React SSR服务
- 适用inspector进行调试、诊断
- 部署简介
安装Http Server
- Mac, Linux 推荐使用 nvm。多版本管理。
- Windows 推荐 nvm4w 或是官方安装包。
- 安装慢，安装失败的情况，设置安装源
是否使用json，是一个见仁见智的问题
Promisify
用Promise+async await 重写这两个例子（why) 技巧：将callback转换成promise
静态文件
与高性能、可靠的服务相比，还差什么？
1.CDN:缓存+加速 2.分布式储存，容灾
React SSR
SSR(server side rendering)有什么特点？
- 相比传统HTML模版引擎：避免重复编写代码
- 相比SPA(single page application):首屏渲染更快，SEO友好
- 缺点：
- 通常qps较低，前端代码编写时需要考虑服务端渲染情况
Debug
-
V8 Inspector:开箱即用、特性丰富强大、与前端开发一致、跨平
- node --inspect
- open http : // localhost : 9229 / json 800
-
场景：
- 查看 console.log内容
- breakpoint
- 高CPU、死循环：cpuprofile Teso
- 性能分析
