文章/答案/技术大牛

发布

社区首页 >问答首页 >Durandal 2.0.1，初始加载所有文件

问Durandal 2.0.1，初始加载所有文件
EN

Stack Overflow用户

提问于 2013-11-15 13:35:16

回答 2查看 241关注 0票数 0

我使用的是Durandal2.0.1，在那里我有一个登录页面，在成功登录后，会出现一个带有加载栏的闪屏，并下载SPA所需的所有文件。

我试图以这样的方式修改它的行为，我试图在登录页面下载所有需要的文件，并摆脱闪屏。

我可以在登录页面下载文件，但无法摆脱闪屏，因为一旦我移除闪屏，SPA就不会加载。

欢迎任何建议或解决方案。

提前谢谢。

javascript

html

durandal

回答 2

Stack Overflow用户

发布于 2013-11-15 17:14:43

虽然默认情况下大多数Durandal示例都带有闪屏，但添加闪屏是可选的。

index.html

<body>
    <div id="applicationHost">
        <div class="splash">
          <div class="message">
              Durandal Starter Project
          </div>
          <i class="icon-spinner icon-2x icon-spin active"></i>
      </div>
    </div>

    <script src="lib/require/require.js" data-main="app/main"></script>
</body>

清除闪屏可以通过删除div.splash来完成。确保不要意外地删除#applicationHost，因为Durandal需要该容器。请参阅http://dfiddle.github.io/dStream/#search/applicationHost for me信息。

<body>
    <div id="applicationHost">
       <!-- Whatever is in here will be overwritten when Durandal has finished loading -->
    </div>

    <script src="lib/require/require.js" data-main="app/main"></script>
</body>

票数 1

Stack Overflow用户

发布于 2013-11-15 23:52:22

听起来你想做一些预取。

如果是这样的话，您应该监视prefetch link relation的状态。在此期间，您可以使用诸如PreloadJS之类的东西。如果您想知道这些类型的预取器是如何工作的(或者想自己实现一些东西)，请查看this article中的一些指针。

有关RequireJS的AMD模块的

Related question。

在你的问题中有一些问题困扰着我；你似乎暗示只要使用闪屏，你想要的行为就会起作用。您是否监控网络以验证这一点？此外，您可能希望快速准确地描述要预取的数据类型。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/19994257

复制

相似问题

问Durandal 2.0.1，初始加载所有文件
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Durandal 2.0.1，初始加载所有文件EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Durandal 2.0.1，初始加载所有文件
EN