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

73 阅读1分钟

Node.js与前端开发实战 这是我参与[第五届青训营]伴学笔记创作活动的第9天

课程内容概要

  1. Node.js的应用场景
  2. NoDE.js运行时结构
  3. 编写 Http.Server
  4. 延伸话题

一、 Node.js的应用场景

a442e0cabf194f9dd17903bb67032da.png

(一)、前端工程化

8672aef02d165ff87adbe2f478e2284.png

(二)、Web服务端应用

(三)、Electeon跨端桌面应用

2de7281c191554c8179930906710212.png

(四)、在字节

32afd2c82115e5ffc4c4bdfb33dc7a3.png

二、NoDE.js运行时结构

755628f25bde0767249411b4aad9e85.png

(一)、Node.js运行时结构 V8,Libvu

  • V8:Javascript Runtime, 诊断调试工具 (inspector)
  • libuv: eventloop(事件循环),syscall(系统调用)
  • 举例:用node-fetch 发起请求时.

a0d9787a16971d01030fd3eddceacda.png

(二)、特点

ec064b5677202b8feaec4c2ff5fd648.png

  • 异步

c5caf75cf0b1beee9ff7a5d1f8e7591.png

  • 单线程

df50fbcbb51d5df0eae58629d891455.png

  • 跨平台

70b4b1806d9a994f62643d3b0b6d7b4.png

三、编写 Http.Server

  • 0.安装 Node js
  • 1.编写 Http Server +
  • Client, 收发 GET, POST 请求
  • 2.编写静态文件服务器
  • 3.编写 React SSR 服务
    1. 适用 inspector 进行调试、诊断
    1. 部署简介

(一)、安装

.Mac, Linux 推荐使用nvmn。多版本管理。 Windows推荐nvmnAw 或是官方安装包。 •安装慢,安装失败的情況,设置安装源 NVM NODEJS ORG MRROR=https://npm rror.com/mirrors/node nvm install 16

(二)、编写

defccb16c7a10159997a43cc48ee94e.png

2e404d8b18f048997f7ae6b2d013faa.png

d8850b8d31b45c61dd4cd5dd5fddf7b.png

静态文件

22b65f94e6e2721c196dfc828313a16.png

编写Http Server 部署

8bcef2334d82cc891970eba5acdabc1.png

四、延伸话题

(一)、Node.js贡献代码

34986906edf712223ebd0e44ecb5f8f.png

延伸话题 -Node.j,贡献代码

  • 。快速了解 Nodejs 代码 •Node.js Core 贡献入门

  • 好处:

-自我证明,有助于职业发展; -解决社区问题,促进社区发展;

  • 难点: 花时间

(二)、编译Node.js

  • 为什么要学习编译Node.js

  • 如何编译

68cf99ade1bbc50dd12043f55e5447b.png

(三)、诊断 追踪

f28566c94f403e0c4a5e10f5e0b7ff9.png

9b9d6368d40c09a53a2a9ad7f41084b.png

(四)、WASM、NAPI

c01ed856a6668f21b73b074a9022578.png