浏览器存储

会话期Cookie是最简单的Cookie：<b>浏览器关闭之后它会被<font color="#0076b3">自动删除</font></b>，也就是说它<b>仅在会话期内有效</b>。<br>会话期Cookie<b>不需要指定过期时间</b>（Expires）<b>或者有效期</b>（Max-Age）。<br>需要注意的是，<b>有些浏览器提供了会话恢复功能</b>，这种情况下即使关闭了浏览器，会话期Cookie也会被保留下来，就好像浏览器从来没有关闭一样。<br>

持久性Cookie可以<b>指定一个特定的&nbsp;<font color="#0076b3">过期时间</font></b>（Expires）<b><font color="#0076b3">或有效期</font></b>（Max-Age）。<br><br>Set-Cookie: id=a3fWa; Expires=Wed, 21 Oct 2015 07:28:00 GMT;<br><br>提示：当Cookie的过期时间被设定时，<b>设定的日期和时间只与<font color="#0076b3">客户端相关</font></b>，而不是服务端。<br>

<b>Domain </b>标识指定了<b>哪些主机可以接受Cookie</b>。<br><b>如果<font color="#0076b3">不指定</font>，默认为当前文档的主机（<font color="#0076b3">不包含子域名</font>）</b>。<br><b>如果<font color="#0076b3">指定</font>了Domain，则<font color="#0076b3">包含子域名</font></b>。<br><br>例如，如果设置 Domain=mozilla.org，则Cookie也包含在子域名中（如developer.mozilla.org）。<br>

Path indicates a URL path that must exist in the requested URL in order to send the Cookie header.&nbsp;<br><b>Path</b> 指定了一个<b>为了发送 Cookie header</b> 必须<b>存在于请求的 URL 中的 URL 路径</b>。<br>以字符 %x2F ("/") 作为路径分隔符，<b>子路径也会被匹配</b>。<br><br>例如，设置 Path=/docs，则以下地址都会匹配：<br><br>/docs<br>/docs/Web/<br>/docs/Web/HTTP<br>

const myLocalStorage = {<br> set(key, data, time) {<br> let obj = {<br> data,<br><b> createTime: Date.now()</b>,<br><b> lifeTime: time || 1000 * 60 * 60</b> //默认设置过期时间一个小时<br> };<br> localStorage.setItem(key, JSON.stringify(obj));<br> },<br> get(key) {<br> let obj = JSON.parse(localStorage.getItem(key));<br> let {data,createTime,lifeTime}=obj<br> let getTime = Date.now();<br><b> if (getTime - createTime &gt;= lifeTime) {<br> localStorage.removeItem(key);<br> return null;</b><br> } else {<br> return data;<br> }<br> }<br>};<br>