2011-06-06 63 views
7

我知道标题充满了流行词;-)。我将开发一个仅针对iOS和Android(目前)的Web应用程序。主要是关于使用向导组件的数据格式。唯一的“神奇”将是,用户可以使用应用程序的某些部分离线(通过向导并在本地保存数据,而不是在再次上线时将其推送到服务器)。寻找轻量级移动HTML5/JavaScript框架的建议

我是一个ASP.NET MVC开发人员,我有jQuery的一些经验,所以我的第一个目的是开发与应用。

但也许有另一种方法,我应该考虑在那里?你有什么建议轻量级框架来处理这个问题(最好基于jQuery)?

一切,我发现到现在是不是一种选择,主要是因为它的速度太慢(煎茶Touch和jQuery Mobile的)。

+3

试试[HTML5 Boilerplate](http://html5boilerplate.com/)。另外“HTML5框架”具有模糊性,并且_“buzz-啰嗦”_。你想用这个轻量级框架解决什么问题? – Raynos 2011-06-06 12:38:51

+1

HTML5本身就是框架。浏览器实现这些标准,你只需使用HTML标记来利用它们。 – 2011-06-06 12:44:55

+0

还有一个[HTML5 Boilerplate for Mobile](https://github.com/shichuan/mobile-html5-boilerplate) – Mottie 2011-06-06 12:50:18

回答

3

我知道的唯一的其他框架是jQtouch。您也可以尝试Appcelerator's Titanium Mobile,这比HTML5的性能要好得多,因为它是原生的。它不具备原生应用程序的所有灵活性,但对于您需要的应​​用程序应该足够了。它也很容易使用。如果只有Android和iOS需要支持,那么这应该可行。

GUI的速度将永远是HTML5的问题。这些框架非常快,因为它们使用CSS3动画,这是您使用Web-Kit浏览器获得的最佳效果。他们也在检测与浏览器在用户交互时行为一样快的触摸事件。

我可以看到,试图让它快一点是你开始编写代码,但我怀疑你会得到更好的性能的唯一选择。我猜你已经用设备进行测试,发现速度很糟糕。在iPhone 3G或3GS等设备上,HTML5的执行速度非常慢。即使在iPad上也会变得棘手。

Here's a great article其中谈到加强HTML5 GUI性能。

This other article有关iPad上的JS速度会谈。

不幸的是,HTML5并不是每个人都期待它成为的神奇解决方案。在向他们展示结果后,我不得不面对太多失望的客户。他们习惯于原生应用,并认为HTML5会为他们带来一个便宜的解决方案,看起来会很好。

我建议你让你的老板或客户提前知道这一点。无论如何,您的应用程序听起来很简单,无论如何应该可以在HTML5上正常工作。我可以肯定的一个建议就是避免使用Canvas,这会非常慢。

对不起,这个阴沉的帖子。

+0

感谢您的回复。如果您对预览UI结果感兴趣,我正在使用它构建http://www.mydentalcompanion.com/。我最终使用混合自定义CSS3,knockout.js和jQuery作为地下室,避免了任何移动框架。他们太慢了。 速度不再是一个问题了,除了几乎半秒钟的onclick延迟,我仍然需要解决。更大的问题是缺乏在复杂的dom结构上滚动的能力,似乎没有适合的解决方案,我们可能会等到iOS5发布。 但是,这说我得到了一个非常整洁的应用程序,其行为非常快,看起来很棒,并且完全脱机运行。 – 2011-07-11 06:57:39

+0

你的意思是像溢出:滚动div和类似的东西?我正在使用jScrollPane(http://jscrollpane.kelvinluck.com/),它似乎在iPad上工作。还有iScroll。不知道这是你在说什么。 – HotFudgeSunday 2011-07-11 20:40:05

0

如果你有JQuery的经验,给JQuery Mobile一个尝试,是仍处于测试阶段,但我认为这是相当不错的,稳定的,而且它有一个很大的发展。

+0

jQuery Mobile根本不是一个选项,它在现实世界中仍然太慢。 – 2011-07-11 06:52:45

1

我用jQuery手机为一个小项目(5-7屏幕)。它的UI/UX体面,如果你已经有一些jQuery体验,实现很简单。我没有任何性能问题(尽管没有超过30项的任何列表)。它也得到社区的大力支持。