图像是在客户端渲染的还是服务器端渲染的?

2023-11-25

我刚刚开始 Web 开发,特别是 Reactjs,它引入了“客户端渲染”。我想我理解客户端与服务器端渲染的概念,但我不完全知道如何实用地理解这些概念。

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

Thanks!


这是后一种情况。相应的标签将被插入到DOM页面和浏览器将向服务器(或图像托管的任何地方)发出另一个请求 - 它不必是your服务器)以获取该图像的内容。

术语“客户端渲染”与“服务器端渲染”是指计算文档结构的位置。在后一种情况(也是典型的情况)中,服务器根据请求构建整个文档,而在前者中,服务器构建框架文档,并由客户端的应用程序逻辑在应用程序运行时构建文档。当然,在服务器端渲染中,您有时也会开始修改 DOM 以创建交互式应用程序,因此划分并不那么清晰。

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

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

图像是在客户端渲染的还是服务器端渲染的? 的相关文章

随机推荐

  • C++11 与现有库/框架的兼容性

    我想知道一些我还没有找到令人信服的答案的事情 情况 带有一些库 例如 gtkmm 的系统在未启用 c 11 的情况下进行编译 启用 C 11 编译的应用程序 两者都使用相同的 GCC 版本 环境进行编译和链接 该应用程序对使用 std st
  • 使用静态向量时_Orphan_range崩溃

    在我的项目中 我使用静态对象的构造函数来收集指针 就像注册方法一样 很简单 没有魔法 但在开始时我遇到了崩溃 我无法解释这里发生了什么 在使用 MSVC 或 Clang 的 Windows 上可以重现崩溃 两者都使用 MSVC 标头 给出以
  • conda 环境是否可以访问“root”环境? (==系统包)?

    conda 中的 根 环境是什么 它只是一个 仅 使用系统包的环境吗 其他环境是否也使用系统包 我假设优先考虑它们的重复版本 或者我是否需要将所有软件包安装在我想要使用它们的环境中 有没有办法将其配置为选项 我安装了系统包 但在 conda
  • 需要一次遍历 SQL 表行(表太大而无法使用适配器。填充)

    对我来说 阅读这样一个小型 SQL Server 2005 表很容易 string cmdText select from myTable SqlDataAdapter adapter new SqlDataAdapter cmdText
  • AS3 函数中可以有“ByRef”参数吗?

    任何想法如何返回多个变量来自 ActionScript 3 中的函数 任何像 VB NET 这样的东西你都可以拥有输入参数的变量修改 ByRef 参数 Sub do ByRef inout As Integer inout 5 End Su
  • 使用 dplyr 将某些值设置为 NA

    我试图找出一种简单的方法来使用 dplyr 数据集 dat 变量 x 执行类似的操作 dat x dat x lt 0 NA 应该很简单 但这是我目前能做的最好的事情 有更容易的方法吗 dat dat gt mutate x ifelse
  • NetDataContractSerializer 与 DataContractSerializer

    我们有一个应用程序 其中包含我们希望在数据库中保持序列化的对象 目前我们正在使用NetDataContractSerializer 但最近发现 由于 Net类型涉及的信息 它会创建巨大的文件 这意味着应用程序缓慢 即使对于基本对象也是如此
  • Bootstrap - 更改断点导航栏?

    这个问题已经被问过here但由于 Javascript 这不起作用 因此 在提供的答案中 仅更改了 CSS 但未更改 JS 这意味着导航栏的内容仍然可见 而切换器则不可见 有什么解决办法吗 Edit 我的问题是如何更改 Bootstrap
  • 当周跨越两年时,从 PHP date() 获取一年中的年份和周

    我在使用 PHP 时遇到了一个有趣的问题date 功能 还没有运气在 SO 上找到有关此问题的讨论或使用 Google 但也许其他人以前遇到过同样的问题 我正在尝试获取给定时间戳的年份和年份 这是我正在使用的代码 date Y WW 截至今
  • 使用带有 REPL 的应用程序时如何解决承诺

    我有一个基本的 Node Web 服务器 Koa js ORM 我喜欢以REPL这意味着我可以像 CLI 工具一样使用我的应用程序 我的所有查询都返回 Promises 但我不知道如何在 REPL 中解决它们 我该如何解决它们 例如 以下代
  • 将音频文件保存在 Rails 中

    我有一个简单的 Rails 应用程序 我使用 HTML5 音频 Web api 和 recorder js 来录制语音 然后将其保存在应用程序服务器上 录音进展顺利 我可以重放录音并听到声音 但是当我将其发布到服务器上时 我的音频文件是空白
  • 在另一个应用程序中动态编译和运行反应本机应用程序

    我需要创建一个包含其他应用程序并可以运行它们的移动应用程序 它基本上就像一个 应用程序中心 其中有一个应用程序列表 我们在服务器上发布 用户可以打开其中一个应用程序 从而导致该应用程序被打开 想一想世博会的应用程序 用户可以扫描他的应用程序
  • Protractor 0.16.1 e2e AngularJS - 启动 selenium 独立服务器... events.js:72 错误:spawn ENOENT

    尝试的项目 https github com yearofmoo angularjs seed repo 环境 Windows 7 64 位NodeJS v 0 10 24量角器 v 0 16 1咕噜 v0 4 2grunt cli v0
  • 当我在 r 中使用 xml 时发现此错误消息

    您好 我正在 Rstudio 中使用 xml 目标是将 xml 转换为 r 数据框 我正在尝试使用包文件夹中名为 tites xml 的示例数据 tides system file exampleData tides xml package
  • 如何将两个 foreach 循环合并为一个

    语言是PHP 我有一个 foreach a as b 和另一个 foreach c as d gt e 我如何将它们结合起来作为一个整体来阅读 我厌倦了 foreach a as b c as d gt e 但那是垃圾 您可能感兴趣SPL
  • 为什么模板类的实现和声明应该在同一个头文件中? [复制]

    这个问题在这里已经有答案了 为什么模板类的实现和声明应该在同一个头文件中 你们中有人能举例解释一下吗 编译器需要访问整个模板定义 而不仅仅是签名 以便为模板的每个实例化生成代码 因此您需要将函数的定义移至标头 欲了解更多详细信息 请阅读包容
  • golang 相当于 PHP crypt()

    PHP 中的这行代码计算结果为 true echo 2a 09 f5561d2634fb28a969f2dO8QeQ70f4bjCnF GvPpjj 8jgmtzZP2 crypt enter new password 2a 09 f556
  • 何时在 Django 中使用 get、get_queryset、get_context_data?

    我最近了解到 当您特别想做默认视图之外的事情时 应该覆盖 get 方法 class ExampleView generic ListView template name ppm ppm html def get self request m
  • 如何在 Vim 中自动编辑多个文件?

    我有多个文件 我想在每个文件中删除第 1 行到第 55 行 添加注释引导符 例如 第 25 至 35 行 然后将更改保存到新文件中 如何单独使用 Vim 或在 Bash 脚本的帮助下自动完成此操作 尽管事实上使用ed or sed是一种常见
  • 图像是在客户端渲染的还是服务器端渲染的?

    我刚刚开始 Web 开发 特别是 Reactjs 它引入了 客户端渲染 我想我理解客户端与服务器端渲染的概念 但我不完全知道如何实用地理解这些概念 例如 当我有 img src airplane png 该图像是在客户端还是服务器端加载 I