node.js - 在 Sails Express Node js 中如何在请求的页面加载时显示广告

Question

服务器收到客户端请求后，某些数据处理需要几秒钟...

如何在客户端等待有效负载时显示广告？

使用和不使用 AJAX 时的相同问题

除非必要，否则我们不得在 Sails 之上使用库或框架

Answer 1

您可以做一个简单的加载图形，然后将其替换为您想要的任何图像:

HTML

<div class="loader"></div>

CSS

.loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

一个简单的 jQuery 函数:

$(window).load(function() {
    $(".loader").fadeOut("slow");
})

Demo

来源:Display Loading Image While Page Loads

如果您需要在没有 jQuery 的情况下完成此操作，则会稍微复杂一些，但您可以在此线程中获取更多信息:

$(document).ready equivalent without jQuery