使用 HTML5 BoilerPlate 进行 HTML5 移动开发

Question

我正在启动一个以 HTML5BoilerPlate 作为模板的 HTML5 移动应用程序，但我找不到很多关于 HTML5 移动开发最佳实践的资源。我正在寻找诸如以下内容:
- 使用标签栏 Controller 导航
- View 之间的导航
- 如何最好地处理内容？ (在内容 div 中使用多个 div 并且一次只显示一个 div 是否更好？)

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

这些项目有什么好的新手指南吗？

Answer 1

• 您必须围绕这些“ Controller ”组件实现更多逻辑。 iOS 开发中可能存在的某些类在 HTML5 中不存在。您需要自己动手或使用现有框架。
• View 之间的导航以编程方式处理。您需要自己完成，通过实现可以在屏幕上显示动画或从屏幕显示动画的组件，或者使用现成的框架之一，如 Sencha Touch或 jQuery Mobile .
• 这取决于您希望视觉流程如何运作。我知道 Sencha Touch 会懒惰地添加 div，以免占用太多内存。我想这里的诀窍是通过试验找到适合您需要的最佳实现(然后写一篇博客文章)。

SixRevisions有一篇关于开始一般 HTML5 编程的非常好的文章。其他一些文章，here , 一些好的提示 here , 和苹果的 docs .

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

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