HTML5 新增的本機儲存功能
HTML5 引入了兩種新的本機儲存技術，旨在取代傳統的 Cookie 儲存方式，這兩種技術是 Web Storage 和 IndexedDB。
1. Web Storage
Web Storage 包括兩種類型：LocalStorage 和 SessionStorage。這些技術為網頁提供了更高效和靈活的數據存儲方式，相比於 Cookie，有以下優勢：
-
LocalStorage：
- 持久存儲：數據存儲在瀏覽器中，直到被明確刪除。即使瀏覽器關閉後，數據仍然存在。
- 容量更大：通常可以存儲 5-10 MB 的數據，比 Cookie 的 4 KB 限制大得多。
- 用途：適合存儲長期需要保留的數據，如用戶設置、偏好等。
-
SessionStorage：
- 臨時存儲：數據僅在當前會話期間存儲，瀏覽器關閉後數據會被刪除。
- 容量更大：與 LocalStorage 類似，容量也比 Cookie 大得多。
- 用途：適合存儲臨時數據，如表單輸入的中間狀態等。
Web Storage 是用來取代目前網頁使用 Cookies 儲存資料的方法。它解決了 Cookies 的容量限制、性能問題和數據安全問題。
2. IndexedDB
IndexedDB 是一種更強大的本機資料庫技術，適合存儲大量結構化數據。它的特點包括：
- 高容量：可以存儲大量數據，並且容量遠大於 Web Storage。
- 結構化數據：支持複雜數據類型和索引，可以高效地查詢和操作數據。
- 離線支持：允許 Web 應用在離線時存儲和檢索數據。
用途：IndexedDB 適合用於需要存儲和檢索大量數據的應用，如離線應用、數據分析工具等。
- Web Storage（包括 LocalStorage 和 SessionStorage）旨在取代 Cookies，提供更大的存儲容量和更高的性能，適合存儲用戶設置和臨時數據。
- IndexedDB 是一個功能更強大的本地數據庫，適合存儲和操作大量結構化數據，為更複雜的應用提供支持。
阿摩線上測驗
登入