追溯词义：Rendering（简短文章）

Source: Dev.to

请提供您想要翻译的文章正文内容，我将为您翻译成简体中文并保持原有的格式、Markdown 语法以及技术术语不变。谢谢！

介绍

在 Web 开发领域，渲染指的是获取 HTML、CSS、JavaScript 或应用状态与数据结构等信息，对其进行处理，并生成或更新人类可以感知的内容——换句话说，就是屏幕或用户界面。

典型的例子包括在 React 等前端框架中的组件渲染、通过虚拟 DOM 进行的更新处理，以及服务器端渲染（SSR）。在现代 Web 开发中，这些机制被精细地组合在一起，以向用户交付最终的视觉输出。

从本质上讲，rendering 在此语境中的含义非常简单：

“将源材料塑造为最终的表达形式。”

这种含义并不限于 Web。Rendering 最初就具有这种意义，早于它在计算机领域的使用。

渲染的词源

单词 rendering 并非起源于计算机或网络领域。追溯其根源可发现拉丁语 reddere，意为“归还”“给予”或“交付”。由此演变而来的英语动词 render 意味着“以另一种形式呈现某物”或“表达一个结果”，并且这种用法已经存在很久。

• 在艺术领域，render 指描绘人物或光线。
• 在建筑领域，rendering 是对已完成建筑的视觉表现。

在这两种情况下，行为都涉及将材料或设计转化为最终的可视形态。

更令人惊讶的是，在食品加工和工业中，rendering 指加热动物脂肪、去除杂质并提取可用脂肪。此时，rendering 并不是“绘制”某物，而是将原料转变为可用形态的过程。

重新思考 Web 开发中的渲染

有了上述背景，让我们回到 Web。 在根本层面上，Web 开发中的渲染与此相同。

HTML、CSS、JavaScript 和应用状态本身只是文本。 它们并不像我们通过浏览器看到的那样是可视的。 它们是原材料——更接近蓝图或未处理的信息。

浏览器和框架解释这些材料，组装它们，进行计算，最终以“屏幕”的形式呈现。 这种全部的转化和完成过程，就是我们在 Web 开发中所说的 渲染。

以 React 为例，每当状态或属性（props）变化时，框架会重新计算 UI 应该是什么样子。 该结果随后体现在 DOM 中，更新用户所见。 同样，任务是将抽象的状态转化为具体、可用的形式。

结论

写这篇文章的原因是一段解释动物脂肪制作过程的 YouTube 视频。视频中，固体脂肪被缓慢加热，去除杂质，最终得到高纯度的牛油，主持人把这个过程称为 “Rendering.”

由于我从事网页开发和编程工作，我已经了解 render 的含义和概念。然而，在动物脂肪的语境中看到这个词，使我恍然大悟。

正如渲染动物脂肪需要加热固体脂肪、去除不需要的部分并提取可用的产物，网页上的渲染同样是对信息进行处理和组织，然后以最终可用的形式呈现出来。

Rendering 并非仅仅是网页开发中的技术术语；它是一个拥有悠久历史的词汇，蕴含 转化与精炼 的概念。牢记这一背景，或许能更自然地理解为何在网页开发中会使用这个词。

非常感谢阅读！