📄️ 简介

无论是离线 Web 应用，还是提升用户体验，还是节省更多移动流量，很多 Web 应用都需要在本地存储数据，于是出现了很多的基于浏览器的本地存储解决方案。 Cookies 的优点是几乎所有浏览器都支持，但是 Cookies 的大小限制在 4KB 左右，并且 IE 6 只支持每个域名 20 个 cookies 。 HTML 5 提供了两种在客户端存储数据的新方法：

📄️ 基本

对于很多 API 来说，特定的浏览器可能只支持其部分功能，但是因为 Web Storage API 非常小，所以它已经得到了相当广泛的支持，不过出于安全考虑，即使浏览器本身支持 Web Storage

📄️ 使用

Storage 存储机制是通过字符串形式的 key/value 对来存储的，因此，其基本语法可以定义为：

📄️ 监听

某些复杂情况下，多个网页、标签页或者 Worker 都需要访问存储的数据。此时，应用程序可能会在存储数据被修改后触发一系列操作。对于这种情况， Web Storage 内建立了一套事件通知机制，它可以将数据更新通知发送给监听者。无论监听窗口本身是否存储过数据，与执行存储操作的窗口同源的每个窗口的 window 对象上都会触发 Web Storage 事件。

📄️ 利用

利用 localStorage 可以简单地存储一些 JSON 对象，可以方便简易地应用数据存储。我们注意到 localStorage 存储的值都是字符串类型，在处理复杂的数据时，需要借助 JSON 类，将 JSON 字符串转换成真正可用的 JSON 格式。

📄️ 案

Web 留言本