前端渲染与后端渲染之间的区别？

前端没兴起之前，网页的展示大都是后端渲染，也就是服务器渲染。
随着前端行业的发展，前端的工作越来越精细。前后端开始分离，前端只关注ui渲染。后端只提供数据和进行逻辑处理。
简单的解释，前端写好html模板，让后端直接填数据，这就是后端渲染。
前端渲染是，通过ajax请求接口返回的数据，将数据渲染出来。后端只写接口，分工更明细。

前端渲染：

指的是后端返回JSON数据，前端利用预先写的html模板，循环读取JSON数据，拼接字符串（es6的模板字符串特性大大减少了拼接字符串的的成本），并插入页面。

好处：网络传输数据量小。不占用服务端运算资源（解析模板），模板在前端（很有可能仅部分在前端），改结构变交互都前端自己来了，改完自己调就行。

坏处：前端耗时较多，对前端工作人员水平要求相对较高。前端代码较多，因为部分以前在后台处理的交互逻辑交给了前端处理。占用少部分客户端运算资源用于解析模板。

后端渲染：

前端请求，后端用后台模板引擎直接生成html，前端接受到数据之后，直接插入页面。

好处：前端耗时少，即减少了首屏时间，模板统一在后端。前端（相对）省事，不占用客户端运算资源（解析模板）

坏处：占用服务器资源。

前端渲染与后端渲染对比：

后端渲染：</

前端渲染与后端渲染之间的区别？相关推荐

前端渲染与后端渲染的区别
前端渲染: 指的是后端返回JSON数据,前端利用预先写的html模板,循环读取JSON数据,拼接字符串(es6的模板字符串特性大大减少了拼接字符串的的成本),并插入页面. 好处:网络传输数据量小.不占 ...
面试须知的前端渲染和后端渲染
在网上查找了很久的前端渲染和后端渲染的区别,最后总算在知乎上看到了一个比较清楚的解释,感谢万分! 作者:iakul 链接:https://www.zhihu.com/question/28725977 ...
web前端渲染和后端渲染（web front-end and back-end rendering）
在网上查找了很久的前端渲染和后端渲染的区别,最后总算在知乎上看到了一个比较清楚的解释,感谢万分! 作者:iakul 链接:https://www.zhihu.com/question/28725977 ...
php前端与后端的区别,前端开发和后端开发有什么区别
前端开发和后端开发有什么区别这几很多小伙伴想转行web开发,但于前端端的区别却很清楚.那么前端开发人员和后端开发人员岗位要求方面有什么区别呢?下面小编给大家对比分析一下 (1)专业知识:前端 Web ...
一文搞懂什么是前端渲染和后端渲染以及两者的区别
一.什么是后端渲染? 我们都知道现在的网页都由html+css+js组成,但是在比较早的时候是没有js(JavaScript)的.所以那时候网页开发一般都是用html+css+jsp(java ser ...
什么是后端渲染？什么是前端渲染？后端渲染和前端渲染又有什么区别呢？
什么是后端渲染?什么又是前端渲染呢?后端渲染和前端渲染又有什么区别呢? 最近在学习Vue的时候接触到了这个话题,我觉得还挺有意思的,所以写下来,记下来. 一.什么是后端渲染? 我们都知道现在的网页都由 ...
什么是前端渲染和后端渲染和SPA页面
前端渲染(前后端分离阶段) 浏览器中显示的页面中的大部分内容,都是由前端写的js代码在浏览器中执行,最终渲染出来的网页.后端只负责提供数据. 后端渲染(后端路由阶段) 当我们页面中需要请求不同的路径内 ...
前端渲染和后端渲染，要说的都在这里？
时下,前端 UI 设计越来越复杂,可谓"XX与XX齐飞,XX共XX一色". 越来越复杂的 UI 意味着越来越重的渲染工作. 目前通常有两种选择:服务器渲染与客户端渲染笔者是 ...
php js后端渲染,webpack后端渲染详解
本文主要介绍了webpack配置之后端渲染详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧,希望能帮助到大家. webpack配置之后端渲染2017年, vue, re ...

前端渲染与后端渲染之间的区别？

前端渲染与后端渲染之间的区别？相关推荐

最新文章

热门文章