sapui5 - UI5 参数：data-sap-ui-xx-waitfortheme 和 data-sap-ui-xx-componentpreload

Question

UI5 HTML-bootstrapper 有两个我不太了解的参数：

• data-sap-ui-xx-componentpreload
• data-sap-ui-xx-waitfortheme

我检查了官方文档，并没有得到一些简单的描述。

所以，我的问题：

1. 我应该什么时候使用data-sap-ui-xx-componentpreload，它有什么好处？

2. 我应该什么时候使用data-sap-ui-xx-waitfortheme，它有什么好处？

Answer 1

⚠️首先要做的事...

xx-选项是实验性的。它们可能会在未来的 UI5 版本中被删除，或者它们的行为可能会以不兼容的方式发生变化。

选项sap-ui-xx-componentPreload

默认情况下，UI5在创建 ComponentContainer 时会自动请求应用程序包 （例如通过）。Component-preload.jsdata-sap-ui-oninit="module:sap/ui/core/ComponentSupport"

该捆绑包由 UI5 工具生成用于部署，以便用户最终使用优化版本的应用程序。因此，请避免使用in发送独立应用程序！data-sap-ui-xx-componentpreloadindex.html否则，用户最终将不必要地使用该应用程序的未缩小、未捆绑的开发人员版本。

index.html( )中的选项data-sap-ui-*不会影响典型的 Fiori 启动板 (FLP) 应用，因为 FLP 使用自己的 HTML 页面。

使用sap-ui-xx-componentPreload仅适用于没有 Node.js 环境（无法使用 UI5 工具）的预览、测试或演示场景，因此可以避免 404 错误。例如，SAP Web IDE 用于sap-ui-xx-componentPreload=off在 URL 中附加选项，以便预览运行时不会出现 404 错误。

价值观

• async或sync默认情况下取决于sap-ui-preload/sap-ui-async设置。
• off加载Component.js而不是Component-preload.js尽管有一个 ComponentContainer。

选项sap-ui-xx-waitForTheme

该xx-waitForTheme选项有助于避免 FOUC（无样式内容的 Flash），并且在某些情况下，可以减少同步 XHR。该选项告诉应用程序推迟某些任务，直到主题被加载和应用。

值（自 UI5 1.63 起）

• init等待主题 → 执行 Core 的初始化处理程序 ( ) → 渲染应用程序。 如果某些控件过早地尝试通过同步（不推荐）访问与主题相关的参数，请使用此选项。attachInit(fn)
sap/ui/core/theming/Parameters.get
• rendering（以前true直到 1.62）首先执行 Core 的 init 处理程序 → 等待主题 → 初始化渲染。

如果没有设置值，Core 的 init 和初始渲染立即执行，无需等待主题 → FOUC。

---

有关更多选项和信息，请参阅配置选项和 URL 参数及其父主题。