在 Web 开发环境中渲染

标签 rendering

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

在 Web 开发上下文之外,还有一个 Wiki 定义:

Rendering is the process of generating an image from a model (or models in what collectively could be called a scene file), by means of computer programs. Also, the results of such a model can be called a rendering



如何正确理解这个概念?

谢谢。

最佳答案

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

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

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

关于在 Web 开发环境中渲染,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16518951/

相关文章:

javascript - 三.js EffectComposer 浏览器窗口调整大小问题

html - 使用@font-face 呈现 Gill Sans 字体系列

css - 在渲染插件中,由 css 导入的外部字体在下载 pdf 时不起作用

java - 打开 pdf 时出现 NullPointer 异常 (MUPDF Android)

wpf - 如何提高 Canvas 渲染性能?

ios - AVURLAsset 已正确初始化,但有时其关联的 AVPlayerLayer 只会呈现黑色

google-chrome-extension - 谷歌浏览器扩展奇怪的渲染

javascript - 我怎样才能渲染一个红色的盒子?

javascript - 在 React Native 中重新渲染 - 问题

android - 在android中缩小OpenGL