[TOC]
# 本地存儲分類：
~~~
cookie,LocalStorage,sessionStorage
~~~
## 1.Cookie
Cookie 是小甜餅的意思。顧名思義，cookie 確實非常小，它的大小限制為[4KB](http://www.chengbenchao.top/javascript/854981)左右，是網景公司的前雇員 Lou Montulli 在1993年3月的發明。它的主要用途有[保存登錄信息](http://www.chengbenchao.top/javascript/854981)，比如你登錄某個網站市場可以看到“記住密碼”;
## 2.localStorage
localStorage 是 HTML5 標準中新加入的技術,特點:[除非被清除,否則永久保存](http://www.chengbenchao.top/javascript/854981)。一般大小在[5MB](http://www.chengbenchao.top/javascript/854981);
## 3.sessionStorage
sessionStorage 是HTML5新增的一個[會話存儲對象](http://www.chengbenchao.top/javascript/854981)，用于[臨時保存](http://www.chengbenchao.top/javascript/854981)同一窗口(或標簽頁)的數據，刷新頁面數據依舊存在，在[關閉窗口或標簽頁之后](http://www.chengbenchao.top/javascript/854981)將會刪除這些數據
| 特性 | Cookie | localStorage | sessionStorage |
| --- | --- | --- | --- |
| 數據的生命期 | 一般由服務器生成，可設置失效時間。如果在瀏覽器端生成Cookie，默認是關閉瀏覽器后失效 | 除非被清除，否則永久保存 | 僅在當前會話下有效，關閉頁面或瀏覽器后被清除 |
| 存放數據大小 | 4K左右 | 一般為5MB | |
| 與服務器端通信 | 每次都會攜帶在HTTP頭中，如果使用cookie保存過多數據會帶來性能問題 | 僅在客戶端（即瀏覽器）中保存，不參與和服務器的通信 | |
| 易用性 | 需要程序員自己封裝，源生的Cookie接口不友好 | 源生接口可以接受，亦可再次封裝來對Object和Array有更好的支持 |
