前端渲染和后端渲染

一、前端渲染

定义:前端预定义好HTML,然后向后端请求数据,得到数据(XML、JSON等)后,通过JS去加载数据。

优点:节省网络流量,利于SEO,节省部分服务器资源。

缺点:前端处理数据费时,可能造成假死等。

举例:EasyUI

二、后端渲染

定义:在后端就渲染好HTML页面,直接发送给浏览器显示。

优点:前端页面加载迅速,无数据处理过程。

缺点:占用服务器资源、网络数据耗费大。

举例:FreeMaker,Velocity,JSP

PS:之前在学习JSP等模板引擎的时候听到纯前端朋友提到了通过Ajax的形式获取返回的JSON进行处理,当时就存在疑问,两者有何不同,经过查资料今天总算搞清楚了。

有疑问最好及时解决,最差也要告诉自己,我有这个疑问,不能选择忽略和忘记。

时间: 2024-10-28 20:54:04

前端渲染和后端渲染的相关文章

[转]谈谈前端渲染 VS 后端渲染

首先,预编译跟前后端没有关系,预编译一样可以用于后端渲染. 看看下面的测试时间,单位: ms 模板字符串: var s = '{{#datas}}{{name}} abcdefg {{type}} {{date}}{{/datas}}'; 数据对象: 放入100000行数据 var stack = []; for (var i = 0; i < 100000; i++) { stack.push({ name: 'name-' + i, type: 'type-' + i, date: (new

后端渲染实践——看掘金社区是如何实践的

Vue.js.React.js 及 Angular.js 等等前端开发框架引入了 UI = framework(State) 的前端编程逻辑,大范围降低了前端业务开发的难度,尤其是面向复杂前端应用.而这些优质开源框架的普及.多端业务统一.前后端分离的需求让越来越多的架构设计将大部分业务逻辑写在了前端. 但是,纯前端产品也有着它的问题.上述的几个前端框架都支持了后端渲染的功能,从而融合了前后端的问题.如何有效地整合现有前端逻辑实现后端渲染.如何优化后端渲染性能.如何实现服务器流式吐内容更快地渲染页

前后端渲染

静态HTML指:使用单纯的HTML或者结合CSS制作的包括图片.文字等的只供用户浏览但不包含任何脚本.不含有任何交互功能的网页. 动态的HTML指:网页不仅提供给用户浏览,网页本身还有交互功能,存在着在脚本如JAVASCRIPT,并利用某种服务器端语言如PHP等实现如用户注册,用户登录,上传文件,下载文件等功能,动态页面可以人机互动,静态只能回服务器的数据库再回到页面 后端渲染(SSR.服务端渲染)后端渲染HTML的情况下,浏览器会直接接收到经过服务器计算之后的呈现给用户的最终的HTML字符串,

后端渲染

avalon2的后端渲染实践 avalon2为了提高性能,采用全新的架构,四层架构,其中一层为虚拟DOM. 虚拟DOM的一个好处是能大大提高性能,另一个好处是能过错整描述我们的页面结构.因此在非浏览器环境下,虚拟DOM也能正常运行.并且avalon2自一开始,就努力隔离DOM API.基于这两点,avalon2可以原封不动地运行于nodejs中,进行定义VM,渲染视图等操作. 客户端上,虚拟DOM通过vm.$render方法渲染到页面中 服务端上,虚拟DOM使用serveRender生成HTML

【大前端之前后分离】JS前端渲染VS服务器端渲染

前言 之前看了一篇文章:@Charlie.Zheng Web系统开发构架再思考-前后端的完全分离,文中论述了为何要前后分离,站在前端的角度来看,是很有必要的:但是如何说服团队使用前端渲染方案却是一个现实问题,因为如果我是一个服务器端,我便会觉得不是很有必要,为什么要前后分离,前后分离后遗留了什么问题,如何解决,都得说清楚,这样才能说服团队使用前端渲染的方案,而最近我刚好遇到了框架选型的抉择. 来到新公司开始新项目了,需要做前端框架选型,因为之前内部同事采用的fis框架,而这边又是使用的php,这

前后端渲染的区别

后端渲染:在服务器进行渲染,服务器进程从数据库获取数据后,利用后端模板引擎,甚至是在HTML模板中嵌入后端语言(例如JSP), 将数据加载进来生成HTML,通过网络传输到用户的浏览器中,再被浏览器解析成可见的页面. 1.对于搜索引擎很友好. 2.首页加载的时间短,后端渲染加载完成后就直接显示HTML,但是前端渲染在加载完成后还需要有段js渲染时间. 前端渲染:在浏览器里利用JS把数据和HTML模板进行组合. 1.业务分离,后端只需要提供数据接口,前端在开发时不需要部署对应的后端环境,通过一些代理

细说后端模板渲染、客户端渲染、node 中间层、服务器端渲染(ssr)

细说后端模板渲染.客户端渲染.node 中间层.服务器端渲染(ssr) 前端与后端渲染方式的发展大致经历了这样几个阶段:后端模板渲染.客户端渲染.node 中间层.服务器端渲染(ssr). 1. 后端模板渲染 前端与后端最初的渲染方式是后端模板渲染,就是由后端使用模板引擎渲染好 html 后,返回给前端,前端再用 js 去操作 dom 或者渲染其他动态的部分. 这个过程大致分成以下几个步骤: 前端请求一个地址 url 后端接收到这个请求,然后根据请求信息,从数据库或者其他地方获取相应的数据 使用

理解Web路由(浅谈前后端路由与前后端渲染)

1.什么是路由? 在Web开发过程中,经常会遇到『路由』的概念.那么,到底什么是路由?简单来说,路由就是URL到函数的映射. 2.router 和 route 的区别 route就是一条路由,它将一个URL路径和一个函数进行映射,例如: /users -> getAllUsers() /users/count -> getUsersCount() 这就是两条路由,当访问 /users 的时候,会执行 getAllUsers() 函数:当访问 /users/count 的时候,会执行 getUs

「前端进阶」高性能渲染十万条数据(虚拟列表) (自己修改版本)

前言 在工作中,有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况,对于此,我们称这种列表叫做长列表.比如,在一些外汇交易系统中,前端会实时的展示用户的持仓情况(收益.亏损.手数等),此时对于用户的持仓列表一般是不能分页的. 在高性能渲染十万条数据(时间分片)一文中,提到了可以使用时间分片的方式来对长列表进行渲染,但这种方式更适用于列表项的DOM结构十分简单的情况.本文会介绍使用虚拟列表的方式,来同时加载大量数据. 为什么需要使用虚拟列表 在实际的工作中,列表项必然不会仅仅只由一个li标