这是我参与「第五届青训营 」笔记创作活动的第7天
课前
CDN
内容分发网络。
BFF
Backend For Frontend，服务于前端应用的后端。
Eg：下游任务要请求很多次数据库，BFF协助合并多个请求交给后端。
同构SSR：由于老的代码把模板和渲染混合在一起了，所以出现了同构SSR。
同构SSR的模板和api都在一个项目中，但在不同文件夹下。一套React代码会在服务器上运行一遍，到达浏览器又运行一遍，前后端都要参与渲染，且首次渲染出的HTML一样。
SSR
服务器端渲染，C端开发模式。
CSR
客户端渲染，B端常见的WEB应用开发模式，前后端分离，服务器压力相对更轻，渲染工作在客户端进行，服务器直接返回不加工的HTML用户在后续访问操作。
SSG
静态站点生成，在构建时把结果页面输出html到磁盘，每次访问直接把html返回给客户端，相对于一个静态资源。
不会在每次请求都向服务器端请求，会在一开始构建时将需要的html上传到CDN上，不需要每次都请求服务器端，缓解服务器压力。只能用于偏静态的页面，无法生成与用户相关的内容，所有用户访问内容一样。
SEO
搜索引擎优化
一种爬虫，爬取指定页面的HTML，根据用户输入的关键词对页面内容进行排序检索。
TDK
TDK是网站的标题（title）、描述（description）和关键词（keyword）的英文首字母缩写
CSS Modules
在类名基础上加一个哈希值，保证样式不会被误用。
跨域
CMS
内容管理系统（content management system，CMS），是一种位于WEB前端（Web 服务器）和后端办公系统或流程（内容创作、编辑）之间的软件系统。
课前目标
具备C端Web应用开发的基本能力。
B端：用户群体为内部用户，不会在外网上公开。
C端：外网公开。
三种渲染方式
CSR、SSR、SSG
SSR、SSG的优势
- SEO
将应用公布于外网，利于SEO。CSR无法在HTML中看到内容，没法用SEO搜索到。SSR、SSG可以搜索HTML中的内容。 - 首屏时间
只需要请求一个HTML文件就可以展现出页面，虽然在服务器上会调取接口，但服务器之间通信远比客户端快，甚至是同一台服务器上的本地接口调取。因为不再需要请求大量js文件，使得SSR/SSG可以拥有更短的首屏时间。
什么是Next.js
是实现SSR的框架。
SSR的实现
同构+脱水注水
同构：客户端服务器端都要声明事件，做渲染。保证事件能在双方得到响应。
