JavaScript存儲對象

Web 存儲 API 提供了 sessionStorage (會話存儲) 和 localStorage(本地存儲)兩個存儲對象來對網頁的數據進行添加、刪除、修改、查詢操作(全局)

  • localStorage 用於長久保存整個網站的數據,保存的數據沒有過期時間,直到手動去除。

  • sessionStorage 用於臨時保存同一窗口(或標籤頁)的數據,在關閉窗口或標籤頁之後將會刪除這些數據。

localStorage 的優勢
1、localStorage 拓展了 cookie 的 4K 限制。
2、localStorage 會可以將第一次請求的數據直接存儲到本地,這個相當於一個 5M 大小的針對於前端頁面的數據庫,相比於 cookie 可以節約帶寬,但是這個卻是隻有在高版本的瀏覽器中才支持的。

localStorage 的侷限
1、瀏覽器的大小不統一,並且在 IE8 以上的 IE 版本才支持 localStorage 這個屬性。
2、目前所有的瀏覽器中都會把localStorage的值類型限定爲string類型,這個在對我們日常比較常見的JSON對象類型需要一些轉換。
3、localStorage在瀏覽器的隱私模式下面是不可讀取的。
4、localStorage本質上是對字符串的讀取,如果存儲內容多的話會消耗內存空間,會導致頁面變卡。
5、localStorage不能被爬蟲抓取到。
localStorage 與 sessionStorage 的唯一一點區別就是 localStorage 屬於永久性存儲,而 sessionStorage 屬於當會話結束的時候,sessionStorage 中的鍵值對會被清空。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章