本文介绍了服务端渲染（SSR）的概念，强调其在SEO和首屏加载速度上的优势。通过对比客户端渲染（CSR），阐述了SSR的工作原理，并举例说明如何通过源代码查看渲染类型。同时提到了Vue和React实现SSR的工具，如Nuxt和Next。最后，讨论了SSR和CSR的优缺点，并指出一些网站会结合两者的优势以优化用户体验。
（一）什么是服务端渲染SSR
就是将组件或者页面通过服务器生成 html 字符串，再发送到浏览器，最后将静态标记混合为客户端上完全交互的应用程序
SSR 是 serve side render 的缩写，由服务端完成页面的生成
（二）什么是渲染
生成 html 页面的过程（包括数据）
（三）页面的生成过程
（四）客户端渲染和服务端最重要的区别
究竟是有谁来完成 html 页面的完整拼接，如果是由服务端完成 html 页面的拼接并返回给客户端，这就是服务端渲染。如果是浏览器完成html页面的拼接并返回给客户端，就是客户端渲染。即包含有数据的 html 页面的地方不同。
服务端渲染有利于 seo
react、vue典型的客户端渲染，js 运行在浏览器
node: 服务端渲染
（五）通过网页源代码查看客户端渲染和服务端渲染不同点
1. 客户端渲染例子：jquery
代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, init
最低0.47元/天 解锁文章
扫一扫
412
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
