Android开发教程之使用HTML5开启移动Web应用程序的本地存储教材课程.pptx

Android开发教程之使用HTML5开启移动Web应用程序的本地存储教材课程.pptxAndroid开发教程之使用HTML5开启移动Web应用程序的本地存储简介先决条件本地存储基础StorageAPI例子:***。最终,Web开发人员可以不再试图将所有客户端数据都填塞到4KB的Cookies中。现在您可以利用一个简单的API将大量数据存储在客户机上。这是一个完美的缓存机制,可以大大提高应用程序的速度——速度对于移动Web应用程序是一个至关重要的因素,因为它们相对于桌面应用程序来说,依赖的是慢得多的连接。在这个关于HTML5的系列的第二篇文章中,将了解如何使用本地存储,如何调试它,以及使用它来改善Web应用程序的各种方式。简介HTML5是一项被大肆宣扬的技术,但是它实至名归。它有望成为一个技术引爆点,将桌面应用程序功能引向浏览器。它不仅适用于传统浏览器,甚至也针对移动浏览器。更好的是,最流行的移动浏览器已经采纳和实现HTML5规范的很多重要部分。在这个五部分的系列中,我们将详细了解几个新技术,它们都是HTML5的一部分,可以大大影响移动Web应用程序开发。在每一部分中,都将开发一个可以工作的移动Web应用程序,展示一个可以用于现代移动Web浏览器(比如iPhone和基于Android的设备上的浏览器)的HTML5特性。Android开发教程之关于本系列Web开发人员多年来一直在尝试将数据存储在客户机上。HTTPCookies被滥用于此目的。开发人员将大量数据挤放在HTTP规范分配的4KB上。原因很简单。出于各种原因,交互式Web应用程序需要存储数据,并且将这些数据存储在服务器上通常效率低下、不安全或者不适当。多年来,这个问题有了好几种备选方法。各种各样的浏览器已经引入了专有存储API。开发人员也利用了FlashPlayer中的扩展存储功能(通过JavaScript实现)。类似地,Google为各种浏览器创建了Gears插件,并且它包含了存储API。毫不奇怪的是,一些JavaScript库试图抹平这些差异。换句话说,这些库提供一个简单的API,然后检查有哪些存储功能(可能是一个专有浏览器API或者是一个诸如Flash的插件)。对Web开发人员来说幸运的是,HTML5规范最终包含了一个针对本地存储的标准,被广泛的浏览器所实现。事实上,该标准是最快被采纳的标准,在所有主要浏览器的最新版本中都受到支持:Microsoft®、Explorer®、MozillaFirefox、Opera、AppleSafari和GoogleChrome。对于移动开发人员更为重要的是,它在基于WebKit的浏览器(诸如iPhone和使用Android()的手机中的浏览器)以及其他移动浏览器(比如Mozilla的Fennec)中受到支持。记住这一点,我们来看一下这个API。Android开发教程之本地存储基础localStorageAPI十分简单。实际上,根据HTML5规范,它实现了DOMStorage接口。差别的原因是,HTML5指定两个不同的对象实现该接口:localStorage和sessionStorage。sessionStorage对象是一个只在会话期间存储数据的Storage实现。更确切地说,只要没有可以访问sessionStorage的脚本正在运行,浏览器就可以删除sessionStorage数据。这是与localStorage相对的,后者跨多个用户会话。两个对象共享相同的API,所以我将只着重介绍localStorage。Android开发教程之StorageAPIStorageAPI是一种经典的名/值对数据结构。您将使用的最常见的方法是getItem(name)和setItem(name,value)。这些方法完全跟您预期的一样:getItem返回与名称相关联的值,如果什么都不存在,则返回null,而setItem要么是将名/值对添加到localStorage,要么是取代现有值。还有一个removeItem(name),顾名思意,它从localStorage删除一个名/值对(如果存在的话,否则什么都不做)。最后,对于在所有名/值对上迭代,存在两个API。一个是长度属性,给出正在存储的名/值对的总数。对应地,一个key(index)方法从存储中使用的所有名称中返回一个名称。利用这些简单的API,可以完成大量任务,比如说个性化或跟踪用户行为。这些可以说对移动Web开发人员是重要的用例,但是还有一个更为重要的用例:高速缓存。利用localStorage,可以在客户