瀏覽器本地儲存

瀏覽器的本地儲存主要分為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 緊跟網域名稱，不...