你建议用Javascript隐藏元素吗？

Question

自定义网站加载器是一种好的还是坏的做法？如果是这样，在网站上实施一个最佳方式是什么？

Answer 1

我不推荐这个，因为这不是默认的用户界面，用户通常不会很好地回应不常见的事情。此外，html元素（DOM）的渲染速度非常快，但是当你隐藏它时，就不会发生这种情况。

加载屏幕不通用是有原因的：它们对用户不友好。

DOM加载速度快，资源减慢速度。所以找出你如何解决这个问题。在你的代码中，你等待2秒，这并不多。您需要做的就是改进它以使其更容易被接受。一些选择：

• 易

  • 最小化文件大小。缩小你的javascript和css。还减少图像大小。如果它们非常大，您可以将它们缩小，和/或使用Kraken.io
  等服务
  • 在您的</body>
  之前移动不需要立即渲染/解析的javascript和css到文档的末尾

• 中

  • 智能加载资源。屏幕外的所有内容都不需要立即加载，因此控制加载的方式只能在屏幕上的资源完成时加载。
  • 控制您的缓存。这不会修复第一次加载，但之后的所有访问都会显着增加。
  • 尽量减少资源。是否有可以修复的部件，例如CSS？您的css / javascript是最新的和/或是否可以重新构建代码以使其变得更小或者资源需求更少？

回答你的实际问题：不，我不会那样做。但是，如果你想这样做（无论出于何种原因），在你的网站上做一个（透明的）覆盖，加载器覆盖它。然后，不要使用计时器（慢速连接需要更长时间），但请使用$(window).load(function(){/* magic here */})

Answer 2

您应该使用jQuery's addClass method将样式应用于需要通过javascript更改其样式的元素。保留CSS中的所有样式，然后使用javascript应用该类。

至于动画。使用jQuery的fadeIn或fadeOut应该没有任何问题。如果你想使用它，jQuery's animate也非常强大。