前端最基礎的就是 HTML+CSS+Javascript
。掌握了這三門技術就算入門,但也僅僅是入門,現在前端開發的定義已經遠遠不止這些。前端小課堂(HTML/CSS/JS
),本着提升技術水平,打牢基礎知識的中心思想,我們開課啦(每週四)。
Storage
Storage
提供了訪問特定域名下的會話級別或永久級別的存儲功能,例如,可以添加、修改或刪除存儲的數據項。
鍵值對是以字符串的形式存儲。且是同步的方式存儲,所以長字符串頻繁讀取會造成卡頓。
Storage 屬性
-
Storage.length
返回一個整數,表示存儲的數量項個數。
Storage 方法
-
Storage.key(idx)
通過 idx 返回對應數據項的鍵。順序規則不是增加順序。 -
Storage.getItem(key)
通過 鍵 返回對應數據項的 值。也可以通過localStorage[key]
或者localStorage.key
來獲取值。 -
Storage.setItem(key, value)
通過 鍵 設置對應數據項的 值。也可以通過=
號賦值。
-
Storage.removeItem(key)
通過 鍵 移除對應數據項。 -
Storage.clear()
清空存儲中所有內容
localStorage
永久級別的本地存儲。
Window.localStorage
,各個窗口都可以共享使用,如果其他窗口修改之後,會觸發 storage
通知事件。
sessionStorage
會話級別的本地存儲。
Window.sessionStorage
,在瀏覽器打開期間一直保持,並且重新加載或恢復頁面仍會保持。新窗口或者新頁面不會共享。
注意事項
- 各瀏覽器支持的 localStorage 和 sessionStorage 容量上限不同。
- localStorage 有可能會在空間不足被清理、或者用戶主動清理。
- 因爲是同步操作,所以會有卡頓問題。
localForage
localForage 是一個 JavaScript 庫,通過簡單類似 localStorage API
的異步存儲來改進你的 Web 應用程序的離線體驗。它能存儲多種類型的數據,而不僅僅是字符串。
localForage 有一個優雅降級策略,若瀏覽器不支持 IndexedDB 或 WebSQL,則使用 localStorage。在所有主流瀏覽器中都可用:Chrome,Firefox,IE 和 Safari(包括 Safari Mobile)。
微信公衆號:前端linong