webStorage的分类及使用

• 存储内容大小一般支持5MB左右（不同浏览器可能不一样）

• 浏览器通过Window.localStorage和window.sessionStorage属性来实现本地存储机制

• 相关API：

  • xxxStorage.setItem('key', 'value');

    • 该方法接受一个键和值作为参数，会把键值对添加到存储中，如果键名存在，则更新其对应的值。

  • xxxStorage.getItem('key');

    • 该方法接受一个键作为参数，返回键名对应的值。

  • xxxStorage.removeItem('key');

    • 该方法接受一个键名作为参数，将键名从存储中删除。

  • xxxStorage.clear();

    • 该方法会清空存储中所有的数据。

• 备注：

  • SessionStorage存储的内容会随着浏览器窗口关闭而消失。
  • LocalStorage存储的内容需要手动清除才会消失。
  • xxxStorage.getItem('key')如果key对应的值取不到，则返回null。
  • JSON.parse(null)的结果还是null。
  • JSON.stringify(对象)转化为字符串，JSON.parse(字符串)转化为对象