瀏覽器存儲

瀏覽器存儲

cookie

優勢:

1. 請求自動帶上
2. 能夠設置過時時間，默認瀏覽器關閉失效

缺點：

1. 數據存儲不多 4KB左右
2. 每次自動帶上致使性能浪費
3. 數據類型只能爲字符串
4. 安全問題 http明文傳遞

5. 沒有原生接口

   localStorage

優勢：

1. 提供了原生接口
2. 更安全
3. 存儲數據量更大

缺點：

1. 對象類型須要序列化和反序列化操做

2. 須要手動清除

   sessionStorage

   特色
   關閉當前頁或者瀏覽器，數據會被清空

indexedDB NoSQL

優勢：

1. 可以原生處理對象
2. 更大的存儲空間

3. 豐富的數據庫操做

   webSQL(被廢棄)

小結

存儲方案	數據類型	數據量	持久化	API	安全	同源策略
cookie	字符串	4KB	支持過時，默認關閉瀏覽器	無	能夠設置，默認明文	正常
sessionStorage	字符串	5MB	默認關閉瀏覽器	內置	默認明文	要求同一窗口
localStorage	字符串	5MB	不支持過時，默認不清理	內置	默認明文	正常