17

我不太明白在Web 开发环境中渲染的含义。当我阅读浏览器架构时,渲染是关于显示从互联网获取的内容。另一方面,有客户端和服务器渲染的定义(没有提到浏览器)。例如,在Backbone.View类中,我们有render方法负责将数据与标记连接起来。

在 Web 开发环境之外,有一个 Wiki 定义:

渲染是通过计算机程序从模型(或统称为场景文件的模型)生成图像的过程。此外,这种模型的结果可以称为渲染

如何正确理解这个概念?

谢谢。

4

4 回答 4

22

渲染是收集数据(如果有)并加载相关模板(或直接发送输出)的过程。然后将收集到的数据应用到关联的模板。最终输出发送给用户。

这个概念对于客户端和服务器来说都是一样的。在客户端,当使用 Backbone.View 时,该render方法更像是一种常规方法,您可以将渲染逻辑放入其中。你可以调用它draw,它完全可以。Backbone.View 的主要概念是您从某个地方(主要来自this.model)获取数据,然后加载关联的模板(使用 $('#template-id').html() 从 DOM 或使用requirejsto的文本插件使用 AJAX 请求加载模板)。获得数据和模板后,您可以使用自己的模板引擎并“制作”最终输出,然后将其附加到 DOM 以便用户可以看到

服务器可能会做同样的事情,然后发回最终输出,以便浏览器可以“渲染”它。不过,有一些细微的差别。在客户端,您通过 ajax 请求或从 DOM 加载模板,在服务器端,您可能会从硬盘驱动器加载模板。至于数据,在客户端,您可以使用 ajax 请求获取数据,或者数据已经嵌入到服务器的响应中(通过内联 javascript 对象)。在服务器端,您将从数据库(或缓存)或某些 3rd 方服务中获取数据

于 2013-05-13T09:55:12.123 回答
4

我想为这个查询提供一般含义。

编程中的渲染是指处理我们编写的任何代码并显示它的结果。

例如:我可以编写一个网页,其中可能包含下拉菜单、复选框和任何其他一些 UI 控件。现在,当我在浏览器中加载此页面时,我希望看到所有控件都正确加载。如果缺少某些东西,那么我可以说它是页面渲染失败。

这只是从我们在客户端或服务器端编写的代码产生结果的过程。

于 2018-06-05T11:44:06.977 回答
1

通过研究不同的数组方法,我在解释理解这个概念时遇到了“渲染”这个词,并通过将这个词分解为语法格式来定义:它意味着重复、屈服、回馈。您只能返还通过提取“例如数据”收集的内容并将该信息输出回来。希望这会有所帮助。第一次回答问题。

于 2018-03-20T06:38:12.890 回答
0

简而言之:渲染意味着获取您的代码并对其进行处理以将其作为 HTML 文件显示在浏览器上。

例如,你写了一段代码

import cat.png

现在您的代码将由浏览器呈现,它会在浏览器上向您显示猫图像。

网页的渲染对于网络服务器和浏览器来说意味着不同。

由服务器渲染

就 Web 服务器而言,您的代码将被渲染并由您的 Web 服务器为您提供 HTML 输出。

像这样的东西

<img src="cat.png">

浏览器渲染

对于网页浏览器而言,将HTML代码呈现到浏览器中,称为浏览器渲染。

就像是

** 猫的形象 **

于 2021-07-14T16:22:51.943 回答