Sharepoint 2013 品牌问题-JS注入

在我们尝试将代码从FTC转换为CAM的过程中，从品牌角度来看，我们面临一些小困难。我将在下面简要阐述我们的场景：

在我们当前的FTC实现中，我们同时使用CSS和JS来呈现所需的UI。这两个资产的引用都存在于母版页中，因此使用HTML呈现

由于建议在移动到vNext时不要修改母版页，因此我们决定通过自定义操作路由进行操作

我们向测试站点添加了CSS和JS的自定义操作。在浏览我们的测试站点时，我们发现UI的显示符合要求，但只是有明显的延迟

看起来，正在发生的事情是corev4.css被应用，然后在大约2秒钟后，我们的定制css将被应用，导致令人不快的闪烁效果

我经历了一个名为Branding.CustomCSS的项目，该项目存在于PnP示例中，它通过自定义操作呈现链接标记来应用CSS。在该项目的文档中提到，如果我们使用Office 365或2014年4月CU on-prem，这不是应用CSS的推荐方法。相反，建议使用AlternateCSS方法

我修改了代码，以使用AlternateCSS方法呈现CSS引用，同时保持呈现JS引用的自定义操作不变。这无疑改善了体验

我们仍然有JS文件，虽然它正在操纵DOM以实现所需的外观，但仍然延迟加载。我们怀疑这是因为在自定义操作的情况下，插入JS引用的代码在加载页面后运行。当JS加载并执行时，同时显示的UI没有DOM操作，并且不是期望的。因此，JS负责美化页面中某些组件的闪烁仍然存在。我们的联邦贸易委员会没有明显的滞后，但情况并非如此

我需要一些关于我们应该采取什么方法的建议，以便我们能够消除加载此类资产文件的延迟？

---

另外，是否有一种方法可以将JS引用与HTML一起呈现，而不是像在自定义操作中那样在页面加载后呈现？

我也遇到了这个问题。这是一种非常普通的用户体验。正如您所说的，您可以通过更新徽标和在资源调配过程中应用备用CSS来限制它，但您仍然会看到明显的闪烁。我一直在尝试在过程开始时将ms hidden添加到body标记中，然后在结束时将其删除，但没有多大帮助。我可能会看到如何通过备用css隐藏主体，然后在injector.js文件中覆盖该样式。不过，如果有其他人的建议，我们将不胜感激。PnP只有一个基本的喷油器场景，在该场景中，它会在状态区域中放置一条消息，但这并不是一个真实的场景。

这不是一个答案。如果您想发表评论，请使用评论部分。尝试查找有关RegisterSod SP.SOD.registerSodDep SP.SOD.loadMultiple的信息，它可以帮助您以更合理的方式加载js文件