H5API

1.Web存储

cookie存储在浏览器中，每次浏览器向服务器发送请求都需要携带cookie，一般情况下，cookie是产生于服务器端，保存于客户端，但是我们也可以通过js来产生cookie；通常通过js-cookie这个库来操作cookie

1.Cookie //创建一个cookie，7天过期
Cookies.set('name','this is a cookie',{expires:7})
//获取cookie
console.log(Cookie.get('name'));
//移除cookie
Cookies.remove('name');
只针对于服务器，同一个服务器可以恭喜cookie。存储少量数据，面向服务器的 4kb

2.WebStorage
    sessionStorage 会话存储 选项卡
    localStorage 本地存储 存到本地磁盘中，即使浏览器关闭数据依然在。
//1.sessionStorage 会话存储地点
    页面会话在浏览器打开期间一直保持，并且重新加载或恢复页面仍会保持原来的页面会话。
    打开多个相同的URL的Tabs页面，会创建各自的sessionStorage.
    关闭对应浏览器tab，会清楚对应的sessionStorage。
    sessionStorage 实例方法
        //设置内容
        sessionStorage.setItem('name','layy');
        //获取内容
        console.log(sessionStorage.getItem('name'));
        // 清空内容的属性值
        // sessionStorage.clear();
        // 清空内容
        sessionStorage.removeItem('name')	
//2. localStorage 本地存储 存到本地磁盘中，即使浏览器关闭数据依然在。
	 // 设置内容
        localStorage.setItem('name','larry');
        // 获取内容
        console.log(localStorage.getItem('name'));
        // 清空内容
        localStorage.clear()
        // 清空内容
        // localStorage.removeItem('name')