这是我参与「第五届青训营 」伴学笔记创作活动的第8天
本次课程的目的是让我们学会C端web开发的能力。
那就引出了一个概念,什么是C端,什么又是B端?
所谓C端,就是面向用户主体提供服务的产品,重视用户,在互联网上的大部分都是C端产品。内在是面对面对个人用户,多为单个个体使用,特别注重户体验的好坏。
B端,面向企业内部使用的间接服务于用户的产品,像各种管理平台之类。内在是为了满足工作需求,多为多种功能的整合,讲究协同合作,是服务于公司所有员工。
CSR、SSR、SSG
CSR
客户端渲染(Client-Side Rendering)。常见B端WEB应用开发模式,前后端分离,服务器压力相对更轻,渲染工作在客户端进行,服务器直接返回不加工的 HTML用户在后续访问操作。
SSR
服务端渲染(Server-Side Rendering)。常见的C端应用开发模式。已经不是什么新鲜的概念,从原先的JSP/PHP就已经体现了服务器端渲染。
SSG
静态站点生成(Static Site Generation),在构建的时候直接把结果页面输出html到磁盘,每次访问直接把html返回给客户端,相当于一个静态资源。和CDN类似,存储一些固定的静态资源。
CDN:建立并覆盖在Internet 之上,由分布在不同区域的边缘节点服务器群组成的分布式网络。
SSR、SSG相较于CSR,有着更好的SEO优势、有着更短的首屏时间
多媒体适配
可以分为css适配和js适配
css适配
主要就基础结构不会发生变化,但是内容格式会随媒体不同而响应式变化。
js适配
就是基础结构发生了变化,例如导航栏在PC端是在头部,当展示到移动端的时候就变成了菜单按钮,点击后弹出侧边栏。
顺便提一句,图片优化可以先把图片压缩一遍,然后再转成webp格式