javascript - 在这种情况下如何改善大表格的显示？

Question

我做了一个很大的表格，里面有很多元素。我用javascript(jquery)让这个表单有一步一步的效果。问题是，当页面正在加载并且在触发 javascript 行为之前，表单显示得很乱，并且显示了它的所有元素。有什么改进的想法吗？

Answer 1

这种行为的一个常见术语是“无样式内容的闪现”(这在搜索解决方案时很有用)。从技术上讲，您的内容已经设置了样式(假设页面的结构和解析正确)，但您的 JavaScript 正在应用额外的样式规则，并且在页面加载之前不会执行此操作。

我经常使用的一种技术是将元素设置为 display:none，直到我准备好使用它们。这并不总是实用的，因为有时元素必须是可见的和/或有一个显示框才能使特定代码段起作用。

参见 this article的想法。