javascript - 如何在单页应用程序中使用窗口onload？

Question

我使用 node.js 来构建单页面应用程序。

在主页顶部，我使用 100vh css 样式 全屏显示一些颜色，然后在页面加载后，我创建了一个 transition 来加载图片。

我使用了这段代码:

JS

$('body').addClass('is-loading');
$(window).on('load', function() {
  $('body').removeClass('is-loading');
});

但是，单页应用程序加载后不需要再次加载。所以，我的问题是如何使用 node.js 实现这种转换？有替代方案吗？

Answer 1

窗口加载在静态网页中可以正常工作。在单页应用程序中，您可以使用setTimeout(作为一种可能的解决方案)来removeClass。

据我了解，您希望在应用程序中随时进行转换:

这段代码工作正常(已经过测试):

if ( ! $('body').is('.is-loading') ) {
  $('body').addClass('is-loading');
}

setTimeout(function () {
  $('body').removeClass('is-loading');
}, 1000)

我希望它能在你的代码中工作。很高兴看到您的 css 代码的一些示例。现在，您可以通过上面编写的示例来实现转换。

根据需要更改时间参数。