Javascript 模板（例如，Underscore / Lodash）：信息性建议

Question

我目前正在学习 Javascript 模板，我有一个信息丰富的问题​​。

使用来自服务器的 json 数据填充 javascript 模板有什么好处，而不是在服务器上收集 html 字符串（例如 PHP）并通过 jQuery Ajax 调用返回它？

由于这个模板是在客户端使用 Javascript 执行的，在服务器上创建模板会不会快很多（服务器比客户端更强大）？

做这个客户端的实际好处是什么？
当我目前正在学习如何使用 Backbone 开发 SPA 时，我遇到了这个问题，我想与 Marionette 一起使用并需要它。

谢谢。

Answer 1

你说服务器比客户端更强大。是的，但是如果您有 1000 个请求该页面的客户？服务器变得很难，您尝试使用服务器端缓存、负载平衡等。所以客户端模板渲染允许每个客户端关心自己。它令人难以置信地减轻了服务器的负担。例如，您可以提供一次 HTML 模板和 JavaScript 代码，浏览器将缓存它。因此，服务器甚至不会在当前客户端的每个下一个请求上发送这些东西，而只确保提供和操作它的实际数据，例如通过 REST 架构。通过这种方式，您主要只传输数据。 Backbone 和其他客户端框架允许您卸载服务器。当每个客户端为自己呈现页面或页面的一部分时，它总是运行得更快。 只需比较“GET Users”请求在这两种情况下的响应即可：

JSON 响应 (REST) 用于客户端渲染：

[
    {"name": "Jimmy", "email": "jimmy@gmail.com"},
    {"name:" "Billy", "email": "billy@gmail.com"}
]

HTML 响应（传统）由服务器呈现：

<table>
    <tr>
        <td>
            Jimmy
        </td>
        <td>
            jimmy@gmail.com
        </td>
    </tr>
    <tr>
        <td>
            Billy
        </td>
        <td>
            billy@gmail.com
        </td>
    </tr>
</table>

显然，如果您有 100 个用户要渲染，您将有更多的 HTML 可以在服务器端渲染并通过 HTTP（CPU、RAM、带宽）传输。

但在客户端渲染的情况下，您只需要一个表格模板和一个（！）表格行的模板（例如）来循环渲染用户。

所以服务器只关心数据、认证和授权。 应用程序是分布式的。您卸载服务器并允许浏览器完成所有非敏感工作。每个客户都关心自己。