html - 使用 Html5 构建移动应用程序

Question

我们必须构建一个应该在 iOS 和 android 上运行的应用程序。出于费用原因，我们决定使用 html5 和 phonegap。

现在我们必须决定要使用哪个移动框架。我知道已经有很多这样的问题，我也已经做了很多研究。但我仍然不确定我们应该选择哪一个。

我从 Jquery mobile 听到了很多不利的观点，但另一方面，除了 senche touch 之外，似乎没有什么比这更好的了。

你有什么经验，你有什么建议？

我期待听到您的意见（如果您需要更多信息进行评估，请立即告诉我）

谢谢

Answer 1

使用 Bootstrap 和 AngularJS 构建 PhoneGap 轻而易举。

AngularJS 在 Route、Model、View 和 Controller 之间提供了非常好的分离。学习 Angular 指令，停止编写意大利面条式的 js dom 交互代码。

Bootstrap 虽然在移动功能方面不如 jQM 好（可能直到 v3），但仍然提供了一个不错的入门 CSS，例如（导航栏、固定顶部、底部等......）如果你知道你的 css，那么我认为 Bootstrap 是比jQM更灵活。结合一些 nodejs 构建脚本将你的 less 文件编译为 css，你就完成了。Glyphicons 也是一组很好的资产/图像入门。

Answer 2

我相信您会对此进行大量研究，但根据我的经验，我建议您看看 Sencha Touch + Phonegap 组合。

我选择 Sencha Touch 而不是 Jquery Mobile 的原因是 JM 在页面转换和动画方面相当缓慢。鉴于，Sencha Touch 为您提供了关于使用 HTML5、CSS 和 Javascript 构建丰富的移动应用程序的一站式服务。关于 ST 的唯一事情是您可能需要学习一些 Sencha Touch 使用的 Ext JS 来创建组件。他们确实有很多您可以参考的文档。

您可以参考这些链接来启动 Sencha：

https://github.com/senchalearn

http://www.sencha.com/learn/touch/

一切顺利！:)

Answer 3

我们刚刚开始在我的工作室中使用 PhoneGap，我们正在使用 Backbone.js + Handlebars.js 和 Bootstrap 或 Ratchet，具体取决于具体情况。它似乎工作得很好。

如果您想要更多资源，我建议您从 http://coenraets.org/blog/2013/05/top-10-performance-techniques-for-phonegap-applications/开始

http://coenraets.org/blog/2013/05/architecting-a-phonegap-application-video-slides/

http://coenraets.org/blog/2013/06/sample-mobile-phonegap-application-with-backbone-js-and-ratchet/

真是不错的资源。