學習筆記：Web Storage API

Web Storage API 提供了存儲機制，經過該機制，瀏覽器能夠安全地存儲鍵值對，比使用 cookie 更加直觀。

Web Storage 包含以下兩種機制：

• sessionStorage 爲每個給定的源（given origin）維持一個獨立的存儲區域，該存儲區域在頁面會話期間可用（即只要瀏覽器處於打開狀態，包括頁面從新加載和恢復）。
• localStorage 一樣的功能，可是在瀏覽器關閉，而後從新打開後數據仍然存在。

localStorage和sessionStorage是類似的，除了存在前者的數據沒有到期時間而存在後者的數據會被清除當瀏覽器關閉。例子：添加或更新數據項：localStorage.setItem('myCat','Tom');，讀數據項：var cat = localStorage.getItem('myCat');，移除數據項：localStorage.removeItem('myCat');或localStorage.clear();，後者不接受參數，只是簡單地清空域名對應的整個存儲對象。

IE和Edge不支持在本地HTML文件上用localStorage，火狐能夠。

localstorage中只能存儲字符串。若是想存對象數組/對象/數組，則存以前要把數據變成JON，讀時再把數據從JSON變回來。隊JSON用typeof的結果是字符串。

真正項目中，大部分是經過Ajax和Server經過接口來實現對於數據的寫操做，能夠經過本身寫一個簡單的服務代碼來學習先後端數據通訊的主要方式Ajax。