存儲

• cookie, sessionStorage和localStorage的區別

cookie

• 自己用於客戶端和服務器端通訊
• 但有本地存儲的功能，因而就被「借用」
• 使用document.cookie=...獲取和修改
• 缺點 ：存儲量4KB
• 全部http請求都帶着，會影響獲取資源的效率
• API簡單，須要封裝才能用document.cookie=...

sessionStorage和localStorage

• HTML5專爲存儲設計，最大容量5M
• API簡單易用 localStorage.setItem(key,value); localStorage.getItem(key)
• ios safari隱藏模式下，localStorage.getItem會報錯，建議贊成使用 try-catch 封裝

區別

1. 容量
2. 是否會攜帶到ajax中
3. API易用性