HTML5 localStorage

localStorage 为 HTML5 新增的特性，主要用于本地存储。其将 JavaScript 对象用字符串保存，并且以字符串读入。

localStorage 的引入拓展了 cookie 的 4K 限制，其可存储 5M 大小的数据。

本人在最近的一个 react 小项目练手中从学长那得知了这个概念，并且将其用在了项目中，于是水一篇文章记录一下。

写入 localStorage：

localStorage.setItem(key: string, value: string)
// 以键值对形式将关键字和数据存储起来
// 示例：
var obj = { name: '田所浩二', age: 23 };
localStorage.setItem('Info', JSON.stringify(obj));

读取 localStorage：

localStorage.getItem(key: string)
// 示例：
var item = localStorage.getItem(JSON.parse('Info'));

删除 localStorage 的项：

localStorage.removeItem(key: string)

清空 localStorage：

localStorage.clear()

没了。