如何加快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＆amp; jQuery插件

我们是PhoneGap和iOS应用开发的新手。我们正在继续研究尝试克服速度延迟的方法，并想知道： -

1. 有没有人开发过这样的应用程序并设法获取该页面 切换/滑动顺利和接近原生发生？ （大多数人 绝对不到1秒延迟）
2. 为了显着提高页面切换速度，是否有任何可靠的提示/途径可以探索？
3. 有没有人强烈地感觉到我们所看到的可能是 使用PhoneGap进行开发时可以获得最佳效果，如果是，那就有了 另一种主要使用网络技术的替代方案却没有 需要Xcode知识，并且比这更具视觉效果吗？

我会很感激任何人可以提供的任何提示和见解，因为如果没有办法解决这个延迟和迟缓，我们可能需要放弃手机差距并查看本机解决方案，这将不是一个简单的在我们的情况下选择。许多人提前感谢你们在我的第一篇文章中支持堆叠溢出！

Answer 1

jQuery Mobile默认添加300毫秒的延迟来点击事件 - 它正在监听双击和滑动等内容。如果您没有使用任何这些类型的事件，请考虑使用FastClick（可用on this thread）来解决我的PhoneGap / jQueryMobile应用程序中的速度问题。

Answer 2

我的个人意见。尝试让jQuery mobile感觉原生，我没有太多运气。我使用一个名为App-UI的框架来处理页面转换，并将其作为我的应用程序的基本框架（这个框架非常轻量级）。然后我用纯CSS设计UI。 （这会让应用程序感觉更加原生 - 尝试使用CSS3进行handel转换）。

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

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

• jQuery - http://jquery.com/
• jQuery Animate增强版 - 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

同样，这是我自己的看法。在开发感觉原生的移动应用程序时，这对我来说最有效。