# localStorage永久存儲
## 添加數據
```
localStorage.setItem('ym','{a:"b"}')
```
## 獲取數據
```
localStorage.getItem('ym')
```
# sessionStorage 臨時會話存儲
瀏覽器關閉即消失,一般用來存儲用戶的信息。關掉瀏覽器后,需要重新登錄。用法同上。
# cookie、localStorage、sessionStorage 區別和共同點
<table>
<tr>
<td>特性</td>
<td>cookie</td>
<td>sessionStorage</td>
<td>localStorage</td>
</tr>
<tr>
<td>生命周期</td>
<td>生成時就會被指定一個maxAge值,這就是cookie的生存周期,在這個周期內cookie有效,默認關閉瀏覽器失效</td>
<td>頁面會話期間可用</td>
<td>除非數據清除,否則 一直存在</td>
</tr>
<tr>
<td>數據大小</td>
<td>4kb左右(因為每次http請求都會攜帶cookie)</td>
<td colspan="2">一般5M或者更大</td>
</tr>
<tr>
<td>與服務器通信</td>
<td>對服務器的請求來傳遞,每次都會攜帶在HTTP請求頭中,如果使用cookie保存過多數據會帶來性能問題</td>
<td colspan="2">數據不是由每個服務器請求傳遞的,而是只有在請求時使用數據,不參與和服務器的通信</td>
</tr>
<tr>
<td>易用性</td>
<td>cookie需要自己封閉setCookie,getCookie</td>
<td colspan="2">可以用原生接口,也可以再次封閉來對Object和Array有更好的支持</td>
</tr>
<tr>
<td>共同點</td>
<td colspan="3">都保存在瀏覽器端,和服務器端的session機制不同</td>
</tr>
</table>