javascript - 获取正在加载的文件 Javascript

Question

我有一个正在加载大量 js 文件的 Web 应用程序。所以我需要在用户第一次加载页面时放置一个启动/加载页面。

有没有办法实时加载特定文件？例如，我想在我的启动屏幕上看到..

"Loading SampleModule.js.."

我在网络和此处进行了搜索，但找不到任何可以帮助我的文档。我不确定我是否使用了正确的关键字或什么。

希望有人能帮我解决这个问题。

Answer 1

您也许可以使用 RequireJS 连接一些东西，但如果这是我的应用程序，我会做的是解决每个文件中的 promise ，将其自己的文件名推送到“已加载”文件的应用程序级数组，并且你的应用程序只是在它们进入时将它们转储到 dom。

你也可以这样做:

var APP = {
    $loaderMsg : $('#loading')
};

$.when(
    APP.$loaderMsg.html('Loading Script 1');
    $.getScript('/app/js/script1.js'),
).then(
    APP.$loaderMsg.html('Loading Script 2');
    $.getScript('/app/js/script2.js'),
).then(
    APP.$loaderMsg.html('Loading Script 3');
    $.getScript('/app/js/script3.js'),
).done(
    someInitFunction
);