javascript - 前端模版渲染和后端模版渲染的优缺点分别是什么？

Question

前两天去面试，被问到 前端模版渲染和后端模版渲染的优缺点分别是什么？我表示很不清楚，回来查了一些资料，现在也是不清不楚的，哪位大神能帮我解答一下，先谢过了。

Answer 1

首先模板都是要渲染的 至于这个渲染是做到前端还是后端很明显偏前端 服务器是自己的 现在pc手机那么强大干嘛不用一下
但是后端模板也有好处 首先后端模板如果变化不大可以把页面纯静态化 静态的页面速度就非常快了
第二是我自己感觉的 就是如果有一些敏感数据用在模板里 后端渲染的时候 这些数据是不需要输出给用户的

Answer 2

前端模板渲染：

比如js通过ajax获取数据，然后用一些js的模板引擎来生成html，比如Underscore.js
优点1：后端只用关心数据，减少了后台的计算量。
优点2：前台界面的测试更加容易，我直接用静态数据就能驱动一个界面就能进行前台的设计开发。
优点3：...暂时没想到，后面想到了再补充。
缺点1: 可能会增加HTTP请求
缺点2：只能使用客户端静态数据，不如后台模板来得强大。
缺点3：对搜索引擎不友好。
缺点4：即使资源缓存了，仍然需要js运行一遍来生成界面，这样比浏览器直接渲染缓存的资源要慢。

后端模板渲染

前端请求，后端用后台模板引擎直接生成html，比如Java的Freemarker。
优缺点和前端模板渲染是反过来的。