【问题标题】:prevent whole page from flickering when clicking on links防止点击链接时整个页面闪烁
【发布时间】:2014-10-02 10:44:34
【问题描述】:

如果您查看http://www.sportsdirect.com,您会发现当您单击一个类别时,整个页面都不会被引用,即您没有注意到任何闪烁,菜单上方的内容不会被重新绘制。

我如何做到这一点?只是速度还是其他?我的网站在本地运行良好(大部分时间,但sportsdirect 有时会轻微闪烁)。在线页面“刷新”,即出现灰屏时有300ms。

这对客户来说非常重要,我不知道如何解决。

【问题讨论】:

  • 我在 SportsDirect 上单击的每个链接都会导致整个页面刷新并且 URL 会发生变化。如果您想更改页面上的内容而不发生这种情况,您需要考虑使用自定义模块进行 AJAX 调用,最终创建您已经收到的答案/cmets 中建议的 SPA 效果。跨度>
  • 如果我使用 chrome,你可能是对的,整个页面都会重新粉刷。我用火狐。在本主题中,他们还得出了这些网站使用 ajax 的错误结论:forums.asp.net/t/…

标签: asp.net refresh postback dotnetnuke flicker


【解决方案1】:

您应该研究 AJAX。这使您可以在不刷新整个页面的情况下更新页面的某些部分。这通常会减少或消除闪烁,因为它不会重建整个页面。

一个好的起点是Here

【讨论】:

  • 我对 ajax 很熟悉,但这只是改变一页内容的唯一解决方案。我的问题是两个不同页面之间的转换。我很确定我不能为此使用 AJAX。
  • 如果你想避免页面之间的闪烁,你想潜入新的世界...... SPA(单页应用程序)asp.net/single-page-application
  • 我不认为 SPA 是解决方案。有许多网站不会在页面之间刷新,而且它们不是水疗中心。顺便说一句,我正在使用 DotNetNuke。如果我在空白页面之间导航,页面不会刷新,这就是我想要实现的。如果我在本地页面之间导航,他们也不会引用。必须是一些服务器设置或其他东西。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2020-12-31
  • 1970-01-01
  • 2020-05-21
  • 1970-01-01
  • 1970-01-01
  • 2012-05-25
  • 1970-01-01
相关资源
最近更新 更多