如何加快phonegap jquery移动页面的变化

Question

我目前正在使用Phone Gap在相对简单的数据采集iPad应用程序的早期阶段与开发人员合作.从功能上的UI,该应用程序基本上是: -

• 5个数据捕获"页面"
• 导航栏横跨顶部,有5个选择器指向每个页面
• 当你加载应用程序时,你在第1页,向左滑动会引入一个普通的幻灯片动画,并将你带到第2页,等等
• 当您单击其中一个选择器时,它会引入幻灯片动画并将您移动到该页面
• 页面有简单的数据输入字段和图像和滑块等 - 为了这个测试的目的,我们甚至删除了所有这些,只是在每个页面上放置一个占位符字段.

我们现在努力克服的关键问题是,无论何时移动到另一个页面(通过在导航器上滑动或选择),在转换开始和新页面到来之前有1-2秒的延迟.即使我们从页面中删除图像,也会出现1-2秒的延迟.在移动页面方面,我们希望将此延迟降至<0.5秒和/或让其"感觉"更像本机应用程序.

从技术层面来看,这是应用程序包含的内容: -

• JQM 1.2.0
• 各种jQuery版本高达1.8.2
• Web 2.0(HTML5,CSS3,jScript)
• WebKit的
• 目前使用具有多页的单个文件(但是已尝试多个页面并且没有区别)
• 硬件加速,WebKit调整,同时过渡
• 众多JQM和jQuery插件

我们是PhoneGap和iOS应用程序开发的新手.我们正在继续研究尝试克服这种速度延迟的方法,并想知道: -

1. 有没有人开发过这样的应用程序并设法让页面切换/滑动顺利和接近原生发生？(绝大多数时间不到1秒)
2. 是否有任何可靠的提示/途径可以探索,以显着提高页面切换速度？
3. 有没有人强烈认为我们所看到的可能是使用PhoneGap进行开发时可以获得的最佳效果,如果有的话,是否还有一种替代方案,它也主要使用Web技术,不需要Xcode知识,并且在视觉上的性能比这更高？

我会很感激任何人可以提供的任何提示和见解,因为如果没有办法解决这种延迟和迟缓,我们可能需要放弃Phone Gap并查看本机解决方案,这在我们的解决方案中不是一个简单的选择.情况.很多人提前感谢您在我的第一篇文章中支持堆栈溢出!

Answer 1

这里我个人的看法。我在尝试让 jQuery mobile 给人一种原生的感觉方面运气不佳。我使用一个名为App-UI 的框架来处理页面转换，并作为我的应用程序的基本框架（这个框架是超轻量级的）。然后我用纯CSS设计UI。（这会让应用程序感觉更原生 - 尝试使用 CSS3 处理过渡）。

https://github.com/triceam/app-UI

这需要其他依赖项，其中包括：

• jQuery - http://jquery.com/
• jQuery 动画增强 - https://github.com/benbarnett/jQuery-Animate-Enhanced
• iScroll 4 - http://cubiq.org/iscroll-4
• NoClickDelay - http://cubiq.org/remove-onclick-delay-on-webkit-for-iphone

再说一次，这是我自己的意见。在开发感觉原生的移动应用程序时，这对我来说最有效。