这是我参与「第五届青训营 」伴学笔记创作活动的第5天
安装node.js
Windows 上安装 Node.js
推荐在Node.js官网 安装LTS(长期支持版本)的Windows.msi版本,32还是64 位由电脑决定。
安装完成后在命令行中输入node -v查看版本号
Linux 上安装 Node.js
仅针对Ubuntu apt-get 命令安装
sudo apt-get install nodejs
sudo apt-get install npm
Mac 上安装 Node.js
你可以通过以下两种方式在 Mac OS 上来安装 node:
- 在官方下载网站下载 pkg 安装包,直接点击安装即可。
- 使用 brew 命令来安装:
brew install node
编写HTTP - HTTP Server
- 第一步是用 require 指令来载入 http 模块,并将实例化的 HTTP 赋值给变量 http, 例子如下:
const http = require("http")
- 定义一个端口号
const port = 3000
- 创建服务器
const server = http.createServer((req, res) =>{
res.end("hello")
})
- 使用 listen 方法绑定 3000 端口
server.listen(port,())=>{
console.log('servers listen on: ${port}')
})
以上代码我们完成了一个可以工作的 HTTP 服务器。
React SSR
SSR是Server Side Render的简称,中文名为服务器端渲染;是指页面上的内容是通过服务端渲染生成的,浏览器直接显示服务端返回的html就可以了。
其特点为:
- 相较传统HTML模板引擎:避免重复编写代码。
- 相较于SPA:首屏渲染更快,SEO友好 缺点:
- 通常qps较低,前端编写代码时需要考虑服务端渲染效果。 使用难点:
- 需要打包处理代码。
- 需要思考代码在服务端运行时的逻辑。
- 移除对服务端无意义的副作用,或重置环境。
DEBUG
一般使用V8 inspector,优势:开箱即用,特性丰富强大,与前端开发一致,跨平台。
课后
了解并尝试使用更多 Node.js 的原生模块 nodejs.org/dist/latest… 学习在 npm 上搜索并安装模块 www.npmjs.com/