localStorage, sessionStorage的用法

只读的localStorage 属性允许你访问一个Document 源（origin）的对象 Storage；其存储的数据能在跨浏览器会话保留。
localStorage 类似 sessionStorage，但其区别在于：
存储在 localStorage 的数据可以长期保留；
而当页面会话结束——也就是说，当页面被关闭时，存储在 sessionStorage 的数据会被清除。
但它们都特定于页面的协议

localStorage与sessionStorage用法相似

(localStorage的使用也是遵循同源策略的，所以不同的网站直接是不能共用相同的localStorage)
localStorage 中的键值对总是以字符串的形式存储。 (需要注意, 和js对象相比, 键值对总是以字符串的形式存储意味着数值类型会自动转化为字符串类型).

localStorage.setItem('myCat', 'Tom');`
let cat = localStorage.getItem('myCat');//该语法用于读取 localStorage 项
localStorage.removeItem('myCat');//用于移除 localStorage 项
localStorage.clear();//用于移除所有的 localStorage 项

一般我们会将JSON存入localStorage中，但是在localStorage会自动将localStorage转换成为字符串形式
这个时候我们可以使用JSON.stringify()这个方法，来将JSON转换成为JSON字符串

var storage=window.localStorage;
var data={
          name:'dd',
          sex:'man',
          hobby:'program'
};
var d=JSON.stringify(data);
storage.setItem("data",d);
//将JSON字符串转换成为JSON对象输出
 var json=storage.getItem("data");
var jsonObj=JSON.parse(json);
console.log(typeof jsonObj);

参考：https://www.cnblogs.com/st-leslie/p/5617130.html