javascript - 数据拉取完成前的页面渲染

Question

我有两列。

左侧的列首先呈现（显然）。右侧的列是从数据拉取构建的注入代码。右侧的列在数据加载并可见之前完成了页面的呈现。因此，除非我多次刷新页面，否则右栏是空白的。

有没有办法减慢页面渲染速度？该页面在 ie 中正确呈现，但不是 ff 和 chrome。

Answer 1

我怀疑您是否真的想减慢页面渲染速度，因为这会惹恼您的用户。您可能想要做的是改进您的代码，以便它正确替换包含您的右列的 div （或其他）的内容。使用 jQuery 之类的库将内容请求作为 AJAX 调用。没有代码示例，我无法为您提供更具体的信息。

Answer 2

不，但您可以延迟渲染右列，直到您的 ajax 调用完成。根据您使用的 Javascript 库，或者如果您使用的是原始 Javascript，应该有一种方法可以注册一个回调函数，以便在数据从服务器下载完成时回调。

在这个回调中加载你的数据，而不是依赖于延迟特定的时间，因为这总是错误的，对某些用户来说太慢而对其他用户来说太快。