使用HTML5BoilerPlate进行HTML5移动开发

Question

我正在启动一个以HTML5BoilerPlate为模板的HTML5移动应用程序，但是我找不到很多关于HTML5移动开发的最佳实践的资源。我正在寻找这样的东西：

在视图之间使用标签栏controller

• navigation
• 导航
• 如何最好地处理内容？(在content div中使用多个div，一次只显示一个div是不是更好?)

事实上，我想了解一些在Google Latitude中做的事情。

对于这些项目，有什么好的初学者指南吗？

Answer 1

• 你必须围绕这些“控制器”组件实现更多的逻辑。HTML5中可能没有出现在iOS开发中的一些类。您要么需要自己滚动，要么在视图之间使用现有的framework.
• Navigation是通过编程方式处理的。你需要自己去做，通过实现可以在屏幕上来回显示动画的组件，或者使用像Sencha Touch或jQuery Mobile.
• It这样的现成的框架，这取决于你想要的视觉流程是如何工作的。我知道Sencha Touch会懒洋洋地添加div，这样就不会占用太多内存。我猜这里的诀窍是尝试找到适合您需求的最佳实现(然后写一篇博客文章)。

SixRevisions有一篇关于一般HTML5编程入门的很好的文章。其他一些文章，here，一些好的技巧here和苹果的docs。

我为Sencha Touch找到的最好的初学者指南是源代码中包含的示例。他们为他们发布的几乎每个UI控件和多个应用程序提供了一个示例，这些应用程序将温和地向您介绍该框架。其他资源包括他们的Vimeo Channel、forum和文档。

此外，你也可以打开一个移动网站，看看他们是如何使用Chrome/Safari的开发者工具栏来实现代码的。不过，您可能必须模拟移动浏览器的用户代理字符串。

Answer 2

我们已经发布了一个Mobile Boilerplate，associated wiki中的文档绝对是你应该查看的有关这方面的信息。

Answer 3

虽然不是指南，但我强烈建议您研究一下Sencha Touch或JQuery Mobile HTML5移动框架。与单独使用HTML5样板相比，它们与HTML5样板结合在一起，将更多地引导您的项目。