javascript - 优雅加载网页的技巧？

Question

我有一个网页，其中有很多内容，当页面处于各种状态时使用 jQuery/javascript 隐藏/显示/设置样式。我遇到了一个问题，即在页面初始加载时，我的所有内容都以一种可怕的方式显示了几分之一秒，然后所有内容都按照页面加载时的样式/隐藏/显示方式显示。

谁能推荐任何技术来以更优雅的方式完成页面的初始加载？

Answer 1

这被称为 FOUC - 无样式内容的闪现。

一种相当标准的方法是在您的 css 中默认隐藏内容，然后在使用 javascript 完成所有操作后再次显示元素。

但是，与其以优雅降级为目标，不如考虑尝试渐进式增强，使 javascript 能够向您的站点添加功能，而不是依赖它来实现功能和外观。
参见 here for a good blog post两种方法的相对优点。