Html5app开发学习笔记定义.pdfVIP

Html5 app 开发学习笔记 一、序言 过去的几年里，我一直在研究 HTML5移动 Apps。整体的印象就是 HTML5为开发 者提供了一个跨平台的移动 apps 开发方案，并且该方案具有很好的扩展性和灵 活性。我始终认为 web 技术将成为移动设备上的开发平台， 只是目前该技术可能 尚未成熟。 我很担心有些人还没有弄清楚 HTML5到底是什么，就盲目地开始在自己的移动设 备开发中使用 HTML5了。 在过去的一年中，我在努力地改变大家对 HTML5的理解，让他们认识到 HTML5 是一个移动开发平台。 大家都知道 HTML5能够做哪些事，但是你又是否知道 HTML5是如何做这些事的 呢？ 从我使用 web 技术开发的第一个移动产品到今天， 已经有超过十年的时间了。 我 见证了移动 web 发展的整个历史，我曾写过一本关于 怎样设计和开发移动 web apps 的畅销书。 到底应该怎样使用和看待 HTML5呢？通过采访许多相关的公司， 我们找到了关于 这个问题的答案。 可以将这篇文章看做是了解开发跨平台的移动 web apps 的引导手册。为什么开 发一个 HTML5移动 Apps 是一件困难的事情呢？因为通常，开发者需要实现图表 中展示的所有部分。 即使你不亲自开发它， 你也需要借用其他人的设计， 并且你 还是得对各个部分进行测试和调试。 二、设置服务器 客户端发送请求在移动 web 设备上查看某个内容。 这个请求通常是一个发送到某 台服务器上的 HTTP请求。通常，会自动生成用户需要的内容。为了将内容加入 到 app 中通常需要至少两件事情： 数据以及怎样使数据变得有意义， 或者是我们 的 HTML5 app。 你是否有一个设备检测方案？ 由于各种设备存在很大的差异性， 所有在服务器端最好能够有一个设备检测机制。 实现这种检测机制的方法是很多的， 甚至可以提供设备更多更加详细的信息以及 容量性能方面的信息。 程序员可以对所有的设备统一进行处理， 这对于简单的应用是可行的。 但是对于 大多数长久运行的项目来说，这显然是不够的。 针对移动设备处理方法， Scott Gledhill 给出了一些简短的介绍文档 —— Mobile Bits Scott on Mobile Devices Scott on Device Fragmentation 你打算如何处理离线数据 15% 的移动 apps 启 动时设备是脱机。所以你的应用程序需要处理脱机的情况。 最初的程序设计时页面的访问当然是需要通过 Internet 的，但是如果连接端掉 了，你的程序应该 也能够继续正常运行。当设备连接到网络时，应用程序如何 处理用户的数据？为了处理脱机访问的情况， 是否可以考虑将所有的数据打包返 回？ 本文稍后会介绍 cache manifest ，但是不要指望 cache manifest 能够解决所有 的问题。你还需要调用 RESTful API ，用来处理数据同步刷回的问题。 三、 HTML5 App 现在已经有了处理数据和设备的方法了， 接下来就可以 开发一个 HTML5 App了——这是其中最简单的一部分。 HTML5是由 HTML演化来 的，如果你已经知道