使用HTML5BoilerPlate进行HTML5移动开发

Question

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

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

那些物品有没有好的初学者指南？

Answer 1

• 您必须围绕这些“控制器”组件实现更多逻辑。iOS 开发中可能存在的一些类在 HTML5 中并不存在。您要么需要推出自己的框架，要么使用现有的框架。
• 视图之间的导航以编程方式处理。您需要自己完成此操作，通过实现可以在屏幕上产生动画的组件，或者使用Sencha Touch或jQuery Mobile等现成的框架之一。
• 这取决于您希望视觉流程如何发挥作用。我知道 Sencha Touch 会懒惰地添加 div，这样就不会占用太多内存。我想这里的技巧是尝试找到适合您需求的最佳实现（然后写一篇博客文章）。

SixRevisions有一篇关于一般 HTML5 编程入门的非常好的文章。其他一些文章（此处）、一些好的提示（此处）以及 Apple 的文档。

我发现的 Sencha Touch 的最佳初学者指南是源代码中包含的示例。他们提供了几乎每个 UI 控件的示例以及多个应用程序，可以轻松地向您介绍该框架。其他资源包括他们的Vimeo 频道、论坛和文档。

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