node.js直播实战课 | 青训营笔记

130 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第8天

本次课程的目的是让我们学会C端web开发的能力。

那就引出了一个概念,什么是C端,什么又是B端?

所谓C端,就是面向用户主体提供服务的产品,重视用户,在互联网上的大部分都是C端产品。内在是面对面对个人用户,多为单个个体使用,特别注重户体验的好坏。

B端,面向企业内部使用的间接服务于用户的产品,像各种管理平台之类。内在是为了满足工作需求,多为多种功能的整合,讲究协同合作,是服务于公司所有员工。

CSR、SSR、SSG

CSR

客户端渲染(Client-Side Rendering)。常见B端WEB应用开发模式,前后端分离,服务器压力相对更轻,渲染工作在客户端进行,服务器直接返回不加工的 HTML用户在后续访问操作。

image.png

SSR

服务端渲染(Server-Side Rendering)。常见的C端应用开发模式。已经不是什么新鲜的概念,从原先的JSP/PHP就已经体现了服务器端渲染。

image.png

SSG

静态站点生成(Static Site Generation),在构建的时候直接把结果页面输出html到磁盘,每次访问直接把html返回给客户端,相当于一个静态资源。和CDN类似,存储一些固定的静态资源。

CDN:建立并覆盖在Internet 之上,由分布在不同区域的边缘节点服务器群组成的分布式网络。

image.png

SSR、SSG相较于CSR,有着更好的SEO优势、有着更短的首屏时间

多媒体适配

可以分为css适配js适配

css适配

主要就基础结构不会发生变化,但是内容格式会随媒体不同而响应式变化。

image.png

js适配

就是基础结构发生了变化,例如导航栏在PC端是在头部,当展示到移动端的时候就变成了菜单按钮,点击后弹出侧边栏。

image.png

顺便提一句,图片优化可以先把图片压缩一遍,然后再转成webp格式