服务器端渲染和客户端渲染(前后端分离)

前后端分离的优势

◼ 早期的网页都是通过后端渲染来完成的：服务器端渲染（SSR，server side render）：客户端发出请求-> 服务端接收请求并返回相应HTML文档-> 页面刷新，客户端加载新的HTML文档；
◼ 服务器端渲染的缺点：当用户点击页面中的某个按钮向服务器发送请求时，页面本质上只是一些数据发生了变化，而此时服务器却要将重绘的整个页面再返回给浏览器加载，这显然有悖于程序员的“DRY（Don‘t repeat yourself ）”原则；而且明明只是一些数据的变化却迫使服务器要返回整个HTML文档，这本身也会给网络带宽带来不必要的开销。
◼ 有没有办法在页面数据变动时，只向服务器请求新的数据，并且在阻止页面刷新的情况下，动态的替换页面中展示的数据呢？答案正是“AJAX”。
◼ AJAX是“Asynchronous JavaScript And XML”的缩写(异步的JavaScript和XML)，是一种实现 无页面刷新 获取服务器数据的技术。AJAX最吸引人的就是它的“异步”特性，也就是说它可以在不重新刷新页面的情况下与服务器通信，交换数据，或更新页面。
◼ 你可以使用AJAX最主要的两个特性做下列事：在不重新加载页面的情况下发送请求给服务器；接受并使用从服务器发来的数据。

网页的渲染过程–服务器端渲染

网页的渲染过程–前后端分离