javascript - 图像是在客户端还是在服务器端呈现？

Question

我刚刚开始进行 Web 开发，尤其是 Reactjs，它引入了“客户端呈现”。我想我了解客户端与服务器端呈现的概念，但我不知道如何务实地理解这些概念。

例如，当我有 <img src="airplane.png" /> , 这个图像是在客户端加载还是在服务器端加载？ IE，服务器是将图像作为原始请求的一部分返回，还是在提供 HTML 后通过向服务器发出另一个请求从客户端加载图像？如果我要加载大量图像，我希望它们在客户端还是在服务器端加载？

谢谢!

Answer 1

是后一种情况。相应的标签将插入到 DOM 中页面和浏览器将向服务器(或托管图像的任何地方 - 它不必是您的服务器)再次请求该图像的内容。

术语客户端渲染与服务器端渲染是指计算文档结构的位置。在后者(也是经典案例)中，服务器根据请求构建整个文档，而在前者中，它构建一个骨架文档，并由客户端的应用程序逻辑在应用程序运行时构建文档。当然，在服务器端渲染中，您有时也会开始修改 DOM 以制作交互式应用程序，因此划分并不那么明确。

您可以以 data URL 的形式提供图像它将图像的内容作为 URL 嵌入，并将下载到初始文档请求的正文中。或者有时在附加的 CSS 文件中。但这对于不经常使用的小图像很有用(svg 图标或类似的东西)。