【工作必备】前端、后端、全栈简介（科普向）

---

1 前端

开发网页上的内容展示与用户的交互。

1.1 HTML

负责网页内容

• HTML并不是一种编程语言，而是一种定义结构化数据的标记语音。
• 每个网页就是一个HTML文件，其内存储HTML代码
• 浏览器作用：根据输入的网址下载对应的HTML代码，并把代码渲染成看到的样子

1.2 CSS

负责视觉效果

• 指定每个HTML代码的展示风格，如长宽、位置、大小、字体等
• CSS代码同样被浏览器读入渲染成肉眼看到的样子

1.3 JavaScript

负责与用户、后端交互，JavaScript代码是最需要编写的部分，同样被浏览器执行、

1.4 web网页渲染的几种模式

• Server-Side Rendering（SSR）： 就是服务端渲染出HTML页面，优点是更好的性能数据，客户端压力更小，缺点是对服务端性能要求更高。
• Static Rendering：直接用已经成型的html文件进行渲染，会有一些辅助的JS来增强页面交互，适合交互少的一些官方展示性网站，缺点之一是必须为每个可能的URL生成单独的HTML文件
• Client-side rendering (CSR) ：最流行，一种纯在客户端(浏览器)利用JS操作Dom渲染页面的方式. 所有的生成逻辑， 数据获取，模板路由都由浏览器而不是服务端来控制
• Rehydration 同构渲染：SSR+CSR的合体。首屏的html页面由服务端提供，然后加载js，js利用现有的dom树来接管渲染后页面的交互操作，跳转到新页面时就变成纯CSR渲染

---

2 后端

开发数据访问服务，使得前端可以调用后端服务对数据进行CRUD（增-create、查-read、改-updare、删-delete），从而实现前端对后端的请求响应。

---

3 全栈

全干，独立构建和部署一个完整的web App，独立编写前后端代码、配置服务器、能够设计数据库。