现代网站上的内容是如何组织的?例如,在 Google+ 上,动态加载在哪里结束,新页面从哪里开始?你知道哪些方法?什么被认为是最先进的?
1 回答
我理解你问的问题,但我不太明白你的要点。但是,据我所知,在动态加载与整页重新加载方面没有“标准”。然而,这并不意味着我们应该盲目地应用我们对这两个概念的了解来做出明智的决定!
动态页面加载很有用,原因有很多:
- 我们只能更新 DOM 的一部分,这意味着对于像 G+ 这样的网站,当他们的流中的某些内容被更新时,他们不需要客户端刷新左侧、右侧和顶部面板
- 因为 ^,我们获得了(看似)响应速度更快的应用程序,从而创造了更好的用户体验
- 减少从客户端到服务器的流量,这可能会提高性能
- 页面上的其他元素不会直接受到影响,如果脚本遇到错误,您可以在不破坏 DOM 的其他部分的情况下进行处理
因此,根据这些观点,我们可以说 G+ 希望利用 AJAX 并创造最佳的用户体验。但是 G+ 的某些部分仍然会重新加载整页,例如右侧的“Go Mobile”部分。但这很明显,因为您完全改变了页面的整个布局,因此没有必要使用 AJAX 调用。此外,可能还有其他应用程序可能会重定向到此页面,因此这些其他页面必须对网站的相同元素发出相同的 AJAX 请求是没有意义的(您可以想到更好的示例)。
所以你的问题的答案?没有什么被认为是最先进的,它取决于您要创建的应用程序。但一个好的经验法则是尽可能使用 AJAX。就工时而言,这肯定是更多的工作,但它是非常有益的。很有可能,您将创建一个围绕一种布局的应用程序(就像现在 90% 的所有社交网络网站一样),因此请尽量使该布局中的所有操作保持动态。一旦您离开该布局,最好重新加载整个页面,这样您就可以收集和组织正确的资源,以便处理该布局的 AJAX 请求。
最后,有些事情你根本无法做到,除非你使用 JavaScript。例如,当有新评论时,Facebook 会动态附加到您的帖子中,您无需刷新页面即可显示这些新评论。如果没有 JavaScript,这根本无法完成,因此如果您的应用程序需要这些功能,那么您必须使用 JavaScript。
我不确定这对您有多大帮助,但这些是我在创建 Web 应用程序时考虑的事情。