使用HTML5BoilerPlate进行HTML5移动开发

Question

我正在使用HTML5BoilerPlate作为模板启动HTML5移动应用程序，我找不到有关HTML5移动开发最佳实践的大量资源。我正在寻找诸如以下的东西：
- 使用标签栏控制器导航
- 视图之间的导航
- 如何最好地处理内容？ （在内容div中使用几个div并且一次只显示一个div会更好吗？）

事实上，我想了解谷歌纵横中所做的一些事情。

这些项目有没有好的初学者指南？

Answer 1

• 你必须围绕这些'控制器'组件实现更多的逻辑。 iOS开发中可能存在的某些类不在HTML5中。您需要自己动手或使用现有框架。
• 视图之间的导航以编程方式处理。您需要自己完成，通过实现可以在屏幕上显示动画的组件，或者使用一个现成的框架，如Sencha Touch或jQuery Mobile。
• 这取决于您希望视觉流如何工作。我知道Sencha Touch懒洋洋地加入了div，所以不要占用太多内存。我想这里的诀窍是尝试找到最适合您需求的实现（然后写一篇博客文章）。

SixRevisions有一篇非常好的文章介绍了一般的HTML5编程。其他一些文章here，一些好的提示here和Apple的docs。

我为Sencha Touch找到的最佳初学者指南是源代码中包含的示例。他们提供了几乎所有UI控件的示例，以及将轻轻地向您介绍框架的多个应用程序。其他资源包括他们的Vimeo Channel，他们的forum及其文档。

此外，您可以启动移动网站，并使用Chrome / Safari的开发人员工具栏查看他们如何实施代码。您可能必须模拟移动浏览器的用户代理字符串。

Answer 2

我们发布了Mobile Boilerplate，associated wiki中的文档肯定是您应该查看的有关此信息的信息。

Answer 3

虽然不是指南，但我强烈建议您查看Sencha Touch或JQuery Mobile HTML5移动框架。它们与HTML5 Boilerplate相结合，将为您的项目提供更多功能，而不仅仅是HTML5 Boilerplate。