前后端渲染

yzwdcjs yzwdcjs     2023-05-05     135

关键词:

 

静态HTML指:使用单纯的HTML或者结合CSS制作的包括图片、文字等的只供用户浏览但不包含任何脚本、不含有任何交互功能的网页。

动态的HTML指:网页不仅提供给用户浏览,网页本身还有交互功能,存在着在脚本如JAVASCRIPT,并利用某种服务器端语言如PHP等实现如用户注册,用户登录,上传文件,下载文件等功能,动态页面可以人机互动,静态只能回服务器的数据库再回到页面

后端渲染(SSR、服务端渲染)
后端渲染HTML的情况下,浏览器会直接接收到经过服务器计算之后的呈现给用户的最终的HTML字符串,这里的计算就是服务器经过解析存放在服务器端的模板文件来完成的,在这种情况下,浏览器只进行了HTML的解析,以及通过操作系统提供的操纵显示器显示内容的系统调用在显示器上把HTML所代表的图像显示给用户。

前后端不分离,一般情况下前端只需要根据设计完成页面就可以,数据可以暂时使用静态数据,包括图片、文字等。页面写完就可以交给后端同事了,他们引入你写的样式,将页面和数据进行渲染再返回到浏览器!

前端渲染(SPA、单页面应用)
前端渲染就是指浏览器会从后端得到一些信息,这些信息或许是适用于题主所说的angularjs的模板文件,亦或是JSON等各种数据交换格式所包装的数据,甚至是直接的合法的HTML字符串。这些形式都不重要,重要的是,将这些信息组织排列形成最终可读的HTML字符串是由浏览器来完成的,在形成了HTML字符串之后,再进行显示。
题主所提到的几个技术,我认为模板这个词语并不能用来区分这些技术的本质,模板只是一种提供给程序来解析的一种语法,换句话说,模板是用于从数据(变量)到实际的视觉表现(HTML代码)这项工作的一种实现手段,而这种手段不论在前端还是后端都有应用。
以下为本人自己的想法:在性能上,我认为后端渲染最终会被前端渲染,因为后端渲染将所有的HTML生成集中在了一个服务器上,而前端渲染将这部分工作分发到各个终端上。另外,对于开发而言,这样能够避免后端开发人员过多的编写HTML代码,后端开发人员只需和前端开发事先商定好数据格式,后端就只需将数据生成,用数据交换格式包装,再发送出去就可以了,这样能够使开发人员之间的分工更加明确。

前后端分离中前端dom渲染页面

前后端分离中前端DOM渲染页面一、技术概述html仅仅作为静态文件,客户端端在请求时,服务端将数据返回给客户端,再通过本地的js代码读取返回的数据再使用DOM将这些数据渲染到html中,保留的代码中天然的展示层和数据层的... 查看详情

前后端交互

...,还需要再正确的区域渲染出服务端的数据。那么有哪些前后端交互的技能服务端渲染世界上大多数动态服务页面都是服务端的数据渲染,接口->前端赋值->模板渲染,都是在服务器完成。所以当我们查看源码的时候,我们... 查看详情

arcternpandas入门-前后端渲染(代码片段)

????Arctern基于开源大数据生态,构建灵活、强大、高性能的时空数据分析平台,帮助用户应对5G/IoT带来的新型数据挑战,加速时空数据的处理、分析、模型预测与呈现。本文中将会介绍Arcternpandas安装和简单使用Arctern安装????参照官... 查看详情

浅谈react前后端同构防止重复渲染

作者:随风溜达的向日葵 什么叫前后端同构?为了解决某些问题(比如SEO、提升渲染速度等)react提供了2个方法在服务端生成一个HTML文本格式的字符串。在得到了这个HTML格式的字符串之后,通常会将其组装成一个页面直接... 查看详情

浅谈前后端分离

浅谈前后端分离   所谓的前后端分离,到底是分离什么呢?其实就是页面的渲染工作,之前是后端渲染好页面,交给前端来显示,分离后前端需要自己拼装html代码,然后再显示。前端来管理页面的渲染有很多好处,... 查看详情

实现前后端数据交互的方法

前端工程师的职责:1、UI重构 2、在正确的区域渲染出服务端的数据。毕竟,我们要构建一个大的web应用,必然不是普普通通的静态页面构成。下文将罗列前端工程师应该必备的同后端打交道的常用技能。1、服务端渲染  ... 查看详情

前后端分离与不分离

 为什么要做前后端分离?  前端后端有两种协作方式,一种可以称之为是服务器端渲染,一种是叫做前后端分离。这两种方式的差别是什么呢?第一种方式是服务器端渲染的方式,是指在服务器端就将网页直接生成,... 查看详情

前后端渲染

...的系统调用在显示器上把HTML所代表的图像显示给用户。前后端不分离,一般情况下前端只需要根据设计完成页面就可以,数据可以暂时使用静态数据,包括图片、文字等。页面写完就可以交给后端同事了,他们引入你写的样式... 查看详情

node后端数据渲染

...的架构,更多的情况下需要结合Node的能力帮助我们解决前后端分离开发模式下无法解决的问题。本文带我们学习通常前后端分离的开发模式下有哪些问题,利用Node端的服务又是如何帮助我们解决这些问题的。本文选自《现代前... 查看详情

路由前后端渲染urlhash和html5history

路由路由(routing)就是通过互联的网络把信息从源地址传输到目的地址的活动路由器提供了两种机制:路由和传送路由是决定数据包从来源到目的地的途径转送将输入端的数据转移到合适的输出端路由中有一个非常重要的概念... 查看详情

jsonp跨域访问servlet接口获取json数组,并且渲染数据,前后端完整

       啊哈哈哈哈哈哈哈哈哈哈哈我太激动了~其实这个工作我一直在拖延啊,就觉得哇,好难啊,不想做欸==      然后硬着头皮研究了一整个下午+晚上终于搞清楚了~~~~哇哈哈哈哈~... 查看详情

前后端分离与不分离的区别总结

参考技术A前后端不分离:    在前后端不分离的情况下,前端页面看到的效果都是有后端控制的,由后端渲染页面或重定向,也就是后端需要控制前端的展示,前端与后端的耦合度很高。这种模式比较适合纯文本... 查看详情

前后端分离及react的一些研究

...对英才网企业线前端不断的完善过程中,我们尝试进行了前后端分离,引入Node环境、以及在使用React的过程中,自行开发DOM渲染框架,解决React兼容低版本IE的问题,在这个过程中,我们有了一些经验和体会,希望本文对您有所... 查看详情

什么是前后端分离与前后端不分离

  我起初认为前后端分离是,在软件开发过程中前后端分工就叫做前后端分离,其实是前端所有用到的数据都是后端通过异步接口的方式提供的,前端只管页面的展示及效果。   前端和后端不分离的时候,前端的页面也... 查看详情

前后端分离与不分离,一点点理解

1>为什么要前后端分离?现有开发模式的使用场景前后端职责不清开发效率的问题对前端发挥的局限2>前后端分离会带来什么变化?  1.彻底解放前端    制作页面的时候,不需要后台配置服务器环境,可以自己配置路由,前... 查看详情

前后端分离与前后端不分离

前后端不分离  在前后端不分离的应用模式中,前端页面看到的效果都是由后端控制的,由后端渲染页面或重定向,也就是后端需要控制前端的展示,前端与后端的耦合度很高。  这种应用模式比较适合纯网页应用,但是当... 查看详情

node前后端分离基本概括

首先从一个重要的概念“模板”说起。广义上来说,web中的模板就是填充数据后可以生成文件的页面。严格意义上来说,应该是模板引擎利用特定格式的文件和所提供的数据编译生成页面。模板大致分为前端模板(如ejs)和后端... 查看详情

前后端的身份认证(代码片段)

...#xff0c;分别是:基于服务端渲染的传统Web开发模式基于前后端分离的新型Web开发模式1.1、服务端渲染的Web开发模式        服务端渲染的概念:服务器发送给客户端的HTML页面,是在服务器通过字符串的拼接,动... 查看详情