浏览器 LocalStorage

LocalStorage是HTML5新引入的特性，由于有的时候我们存储的信息较大，Cookie就不能满足我们的需求，这时候LocalStorage就派上用场了。

• LocalStorage的优点：
  • 在大小方面，LocalStorage的大小一般为5MB，可以储存更多的信息
  • LocalStorage是持久储存，并不会随着页面的关闭而消失，除非主动清理，不然会永久存在
  • 仅储存在本地，不像Cookie那样每次HTTP请求都会被携带
• LocalStorage的缺点：
  • 存在浏览器兼容问题，IE8以下版本的浏览器不支持
  • 如果浏览器设置为隐私模式，那我们将无法读取到LocalStorage
  • LocalStorage受到同源策略的限制，即端口、协议、主机地址有任何一个不相同，都不会访问
• 常见用法

  // 保存数据到 localStorage
  localStorage.setItem('key', 'value');
  // 从 localStorage 获取数据
  let data = localStorage.getItem('key');
  // 从 localStorage 删除保存的数据
  localStorage.removeItem('key');
  // 从 localStorage 删除所有保存的数据
  localStorage.clear();
  // 获取某个索引的Key
  localStorage.key(index)

• 使用场景：
  • 在网站中的用户浏览信息也会存储在LocalStorage中，还有网站的一些不常变动的个人信息等也可以存储在本地的LocalStorage中