使用Html5构建移动应用程序

Question

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

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

我从Jquery手机上听到了很多不足之处，但另一方面看起来似乎没有什么比Senche touch更好的了。

您有什么经历，您建议什么？

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

由于

Answer 1

使用Bootstrap和AngularJS构建PhoneGap非常简单。

AngularJS在Route，Model，View和Controller之间提供了非常好的分离。学习Angular指令并停止编写spaghetti 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上将这些链接引用到kickstart：

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/

非常好的资源。