瀏覽器的本地儲存主要分為cookie
、webstorage
、indexdb
,其中webstorage
又可以分為localstorage
和sessionstorage
cookie
cookie
最開始被設計出來並不是為了做本地儲存。而是彌補http
在狀態管理上的不足
http
協議是乙個無狀態協議,客戶端向伺服器傳送請求,伺服器返回響應,就這樣結束了,那下次請求伺服器怎麼知道客戶端是誰?
這樣cookie
就產生了
cookie
本質上就是瀏覽器裡面儲存的乙個很小的文字檔案。向同一網域名稱下傳送請求,都會攜帶相同的cookie
,伺服器拿到cookie
進行解析,便能拿到客戶端的狀態。
cookie 就是用來做狀態儲存的,但是它有很多缺陷:
localstorage
localstorage
有一點跟cookie
一樣,就是針對乙個網域名稱,即在同乙個網域名稱下,會儲存相同的一段localstorage。
不同於cookie
的區別:
應用場景
利用localstorage
的較大容量和持久特性,可以利用localstorage
儲存一些內容穩定的資源,比如官網的logo
,儲存base64
格式的資源,因此利用localstorage
sessionstorage
sessionstorage
和localstorage
有乙個本質的 區別,那就是sessionstorage
只是會話級別的儲存,並不是持久化儲存。會話結束,也就是頁面關閉,這部分sessionstorage
就不復存在了.
應用場景
indexeddb
indexeddb
是執行在瀏覽器中的非關係型資料庫
, 本質上是資料庫,絕不是和剛才webstorage的 5m 乙個量級,理論上這個容量是沒有上限的。
具體介紹mdn使用文件
接著我們來分析一下indexeddb
的一些重要特性,除了擁有資料庫本身的特性,比如支援事務
,儲存二進位制資料
,還有這樣一些特性需要格外注意 總結
cookie
並不適合儲存,有很大缺陷
web storage
包括localstorage
和sessionstorage
, 預設不會參與和伺服器的通訊。
indexeddb
為執行在瀏覽器上的非關係型資料庫,為大型資料的儲存提供了介面。
瀏覽器本地儲存
本地儲存 儲存讀取 刪除在瀏覽器端儲存資料 全域性變數 cookie sessionstorage localstorage 只能短時間儲存資料,頁面跳轉或重新整理後資料會消失 按儲存時間長短分成2種 會話cookie 視窗關閉即消失 持久化cookie 可以由程式設計師指定存活時間,關閉視窗也不會...
關於瀏覽器本地儲存
通過瀏覽器對資料進行本地儲存 2 設定cookie document.cookie name value 存字串 3 獲取cookie document.cookie 得到所有的儲存資訊,以 隔開,通過字元拆分成陣列split 4 修改已經儲存的資料 重新覆蓋 document.cookie nam...
瀏覽器的本地儲存
瀏覽器的本地儲存主要分為cookie webstorage和indexeddb,其中webstorage又可以分為localstorage和sessionstorage。cookie1.容量缺陷。cookie 的體積上限只有4kb,只能用來儲存少量的資訊。2.效能缺陷。cookie 緊跟網域名稱,不...