建立HTML5移动应用程序的推荐方法是什么？

Question

虽然我们是这项技术的新手，但我们现在正在开发一个HTML5移动应用程序，使用sencha-touch和其他一些js库，如i18n。

问题是：

1. 无论我们多少尝试调整性能，感觉有点慢。
2. 每当我们更改为另一个页面时，当浏览器加载下一页时，会出现一个空白页空间的难看。

我们认为我们可能会错过HTML5移动应用的一些结构和最佳实践。我们推测我们仍然使用我们的网络逻辑处理HTML5移动应用程序。

这就是我想问的原因：

1. 除了sencha-touch之外，是否可以添加其他一些js？这是拖延速度的事吗？
2. 多页面移动应用是一个好习惯吗？或者我们应该在同一个html页面中构建所有内容吗？
3. 有没有办法预先加载所有内容，以便更快地更改页面？

由于

Answer 1

我个人使用JQuery Mobile。

http://jquerymobile.com/

该框架确实需要一些时间才能理解。它的完整版本应该在本月或下个月初发布。自Alpha以来，我一直在使用它。如果您熟悉JQuery，我强烈推荐它。他们正在处理一些非常简单的事情，例如每部手机之间的差异。

这是一个支持平台列表： http://jquerymobile.com/gbs/

这是ajax驱动，但可以关闭此功能。它可能有点沉重，但考虑到它在每部手机上处理这么多赔率的工作量，我认为值得学习它。我建议你阅读文档＆amp;演示，看看这是否是你正在寻找的。

http://jquerymobile.com/demos/1.0b3/

如果您对此有任何具体问题，请随时提出。

Answer 2

Sencha touch具有良好的性能，并且他们承诺在即将到来的（10月26日左右）sencha touch 2中提供更高的性能（http://www.sencha.com/blog/sencha-touch-2-what-to-expect ）。因此，作为JS库的sencha触摸得到了很好的优化。也许你是应用程序没有很好地优化或其他东西正在减慢它。总而言之，我的观点是作为JS库的sencha touch可以说和JS库一样好，所以根本不是问题。

所有JS应用程序都应该是一页HTML。如果你担心的话，有很多方法可以维护浏览器的历史和状态。

有几种方法可以预先加载和缓存所有内容，但如果您使用单页HTML Web应用程序，那么您根本不需要这样做。

所以我的建议是坚持使用sencha touch，至少在sencha touch 2出来之前，看看性能问题是否已经解决，然后转向其他解决方案。您还需要做的第一件事就是将其作为单个HTML页面应用程序，并进行一些测试和测量，以查看降低应用程序速度的原因。