HTML5 FEATURES STORAGE

HTML5 FEATURES STORAGE

当网页开发者想保存一些有关用户的信息时，他们首先会想到将这些信息上传到服务器的形式。HTML5改变这种状况，提供一些技术让app把数据保存在客户端。它也可以上传到服务器，或者永远只保留在客户端。这个取决于你：开发者。

有一些理由让我们使用客户端存储。首先，你可以让你的app继续运行即使用户处于断网状态，一旦网络恢复正常就将数据再次同步。其次，这是一种性能助推器，当用户点击你的网站时你能尽可能地显示一个大型的数据库，而不是让用户再次下载网站的数据。第三，这是一个更简单的程序模型，不需要服务器的设备要求。当然，数据会更加不稳定，并且用户无法用另一个用户的身份访问它，所以你应该只存储它的非关键数据。在特定的数据缓存版本中，也叫“云存储”。参考：“离线”：它代表什么并且为什么我们应该关注。对于一些关于离线存储技术，client-side storage只是其中一部分。

Offline Technologies——离线技术

• Web Storage 只提供一个键-值映射，例如。localStorage["name"] = username;不幸地是，目前只实现字符串到字符串的映射。所以你需要连载和去连载其它的数据结构。你可以使用JSON.stringify()和JSON.parse().
• Web SQL Database：给你所有的权力，一个结构化的SQL关系型数据库。
• Indexed Database：在web storage跟web SQL 数据中的某处。像web storage，它是一个简单的键-值映射，但是它支持像关系数据库的索引，所以搜索对象来匹配一个特定的字段是很快的。所以你不必手动遍布所有对象。
• File Access：一个从javascript里面读取文件内容的API。给定用户添加到input元素的文件，你可以读取文件或者通过URL引用它。例如，如果用户指定一个图片文件，你可以显示图片。同时也支持文件读写的功能。

浏览器支持情况：http://www.html5rocks.com/en/features/storage

原文地址：http://www.html5rocks.com/en/features/storage