javascript - 了解客户端渲染和服务器端渲染之间的区别？

Question

在理解客户端渲染和服务器端渲染之间的基本区别的过程中，我有点处于十字路口。经过大量研究后，这是我的理解

当我们渲染到服务器时，这意味着:

You have a local server say Apache Tomcat, You host a web application
by clicking the run on server, It renders your HTML on the server.

我完全理解这一点。现在开始我的困惑:

客户端渲染??????

You host a web application without a local server???

我可能是错的，但这也是我得出的结论。

我知道，ReactJS 既可以进行服务器端渲染，也可以进行客户端渲染。但是，我没有得到这两个渲染之间的基本区别。

任何帮助将不胜感激。

Answer 1

在此上下文中，“渲染”的意思是“从各个组成部分组装文档”。

通过服务器端渲染，您可以在服务器上完成所有这些操作，然后将完整的 HTML 文档发送到浏览器。

这是:

• 传统
• 稳健
• 搜索引擎友好

通过客户端渲染，您可以使用客户端 JavaScript 加载模板和一些数据(使用多个请求)，然后将它们放在浏览器中形成 DOM 并创建页面。

这可以为后续页面提供性能优势(因为为它们获取的数据较少)，尽管引导初始页面的成本通常较高。

鲁棒性和搜索引擎友好性的缺乏可以通过组合这些技术来弥补。对页面(任何页面)的新请求使用服务器端呈现，但以下链接会触发 JavaScript 以涉及 Ajax、History API 和客户端呈现。如果您使用服务器端 JavaScript，则可以为两者重用一些相同的代码(这有时称为同构 JS)。