如何首先加载网站模板，内容稍后

Question

此处是示例网站：https://www.mapbox.com/plans/或http://facebook.com/ 我很好奇他们如何使用模板制作网站的预览，然后加载内容。我能想象的是首先隐藏所有内容并在加载完所有内容后显示它。那是正确的轨道吗？任何想法都会有所帮助，谢谢。

当您打开http://www.mapbox.com并看到内容后，它就是第一眼。 那是我想知道的转变。如果使用ajax，首先是菜单或文本呢？谢谢:)）

Answer 1

加载页面后加载的任何内容都必须是ajax调用。

当您从服务器发送数据时，将呈现数据并根据获取资源的速度完成样式设置。

当您从ajax调用请求数据时，会在页面加载后发送和处理数据，但是您也可以使用页面加载进行同步，因为它是异步调用。

Answer 2

我明白你在说什么。他们正在等待字体，并且为了避免一个小故障，他们会隐藏起来，直到js说它已经准备好了，在主体元素上添加了一个类user-loaded。

.show-in-loaded { opacity: 0; }
.user-loaded .show-in-loaded { opacity: 1; }

然后通过放置show-in-loaded来隐藏它的字体。

在某些js函数中指示它们已准备好状态。

$('body').addClass('user-loaded');