移動Web開發(fā)基礎：Web存儲

　　隨著互聯(lián)網的快速發(fā)展，基于網頁的應用越來越普遍，同時也變得越來越復雜。為了滿足各種各樣的需求，會經常在本地設備上存儲大量的數據。例如，記錄歷史活動信息。傳統(tǒng)的方式是使用document.cookie來進行存儲，但是由于其存儲空間有限(大約4KB)，并且需要復雜的操作來解析，給開發(fā)者帶來了諸多不便。為此，HTML5規(guī)范提出了網絡存儲相關的解決方案，即Web Storage(Web存儲)和本地數據庫Web SQL Database。

　　Web Storage API中包含了兩個關鍵的對象，分別是window.sessionStorage對象和window.localStorage對象。前者用于區(qū)域存儲，后者用于本地存儲。

　　Web Storage具有以下特點。

　　(1)數據的設置和讀取比較方便。

　　(2)容量較大，sessionStorage大約5MB，localStorage大約為20MB。

　　(3)只能存儲字符串，若想要存儲JSON對象，則可以使用window.JSON.stringify()或者parse()進行序列化和反序列化編碼。

　　Web Storage除了在移動平臺上具有良好的兼容性外，它還具有以下優(yōu)勢。

　　(1)減少網絡流量的使用。

　　使用Web Storage，一旦數據保存在本地后，就可以避免再次向服務器請求數據。因此減少了不必要的數據請求，同時也減少了數據在瀏覽器和服務器間不必要的來回傳遞。

　　(2)能夠快速顯示數據。

　　使用Web Storage性能好，因為從本地讀數據比通過網絡從服務器獲得數據速度要快很多，可以即時獲得本地數據。另外，網頁本身也有緩存，因此如果整個頁面和數據都在本地，則可以立即顯示。

　　(3)可以臨時存儲數據。

　　在很多時候，數據只需要在用戶瀏覽一組頁面期間使用，而關閉窗口后數據就可以丟棄。這種情況使用sessionStorage非常方便。