前后端分离示例代码推荐

[KunMinX]

在了解 Web 开发，其中谈到了一个 “前后端分离” 的设计，

网上的文章大致都表示，分离前，都是后端 “渲染” 好页面，再返回给前端，那么它这里所说的 “渲染”，究竟是指什么呢？

这种含糊其辞、脱离特定背景的表述，实在无法理解，想听听 “说人话” 对此是怎么表述的，或者如果有分离前和分离后两种架构的最小精简代码示例就更好了。

（我暂且猜测，分离前是 html 代码由后端根据业务逻辑拼接，然后把拼接好的 html 返回给浏览器，让浏览器 “渲染”，可见我说的渲染和大部分文章说的渲染可能根本不是一个东西 … 就想听听是不是真的有所谓的 “渲染” 发生在后端，然后丢一个所谓的渲染完的结果给浏览器，浏览器什么也不用做直接展示？）

这里给个说是在后端 “渲染” 的网文：

https://www.infoq.cn/article/mNfTT4UBk5PQl3JpNt6M

[lllllliu]

其实不能单纯的从页面说呢。
前后分离之后，后端更注重数据和功能的处理了，更多时间去把架构做好。
前端可以更注重项目的工程化了，也可以做很多其他的时间，比如用 nodejs 来渲染需要动态生成的页面，这个其实属于前端的事情了。

[lllllliu]

再从大的方面讲，前后端分离之后，前端部署架构就可以脱离后端的限制了。后端也一样。
前端负载也更好做了呢。后端服务也更好分配和管理了。

[lllllliu]

不要被前端就是只写页面来局限住了。。

[no1xsyzy]

来自 Collins：
You can use render with an adjective that describes a particular state to say that someone or something is changed into that state. For example, if someone or something makes a thing harmless, you can say that they render it harmless.

引申计算机，是指状态（即数据）与客体（比如结构或者模板）结合形成表现。
比如 DOM + Gecko -> 像素点
AJAX 结果 + React -> DOM
数据库 query 结果 + HTML 模板 -> 完整的 HTML

渲染可以是多层次的，比如
DOM + Gecko -> 像素点
AJAX 结果 + React -> DOM
结合一下就是
AJAX 结果 + React + Gecko -> 像素点
其实更偏哲学认知论范畴。