在jQuery Mobile中,什么时候使用多页文档VS多页文档



JQM文档说最好使用多个页面,以避免使用可能导致浏览器崩溃的大型DOM。但是,多大才算太大呢?对于较大的多页文档,性能似乎最好。有人对此有什么经验之谈吗?或者什么时候多页文档比多页文档更好?

说实话这取决于几个因素。

如果你正在构建经典的网页,你没有服务器端代码,我会建议你坚持多页布局。更改/处理一个大的 HTML 页面要比更改/处理几个页面容易得多。没有必要担心javascript和css初始化在你的 HEAD 。Web应用程序需要非常大才能降低性能。在桌面浏览器上性能永远不会下降,但在移动浏览器上就有问题了(当然,如果web应用是巨大的)。

如果你正在构建一个大型静态web应用程序,或者如果你正在使用服务器端代码生成,那么我会建议你使用多个页面。在大型静态web应用程序的情况下,您可以始终从 DOM 中删除页面并防止兑现。另一方面,仅使用一个 HTML 页面生成服务器端页面是非常愚蠢的。

现在问题来了。如果你正在使用jQuery mobile和Phonegap创建一个混合移动应用程序,建议使用多页文档。虽然这个想法看起来很傻,但它将为您提供多个页面模板的过渡。不幸的是,你在这里需要特别小心。不要创建大型应用程序,如果可能的话,生成动态内容,并在不再需要时将其删除。

在移动设备上也可以成功地使用多个页面,但它的实现应该有所不同。如果可能的话,应该在转换发生之前加载页面,并在不再需要它们时删除它们。这个解决方案可能比之前的解决方案占用的资源少,但是页面处理(兑现和删除)使它变得更加困难。

这也是我的博客关于这个话题的文章

最新更新