淺談localStorage的使用場景和優劣勢,以及sessionStorage和cookie


一、localStorage,sessionStorage,cookie的簡單介紹

localStorage:僅在客戶端存儲不參與服務器通信,存儲大小一般為5M,如果不是人為清除,那么即使是關閉瀏覽器也會一直存在。

sessionStorage:僅在客戶端存儲不參與服務器通信,存儲大小一般為5M,會話級存儲,也就是說如果關閉當前頁面或者瀏覽器那么就會清除

cookie:客戶端存儲,參與服務器通信,存儲大小為4k,可設置生命周期,在設置的生命周期內有效

二、localStorage的優勢及其注意點

在存儲方面localstorage和sessionStorage具有巨大優勢,大小為5M,比cookie大多了,所以可以用localStorage來做一些相對不太會改變的數據緩存或者說可以緩存用戶的足跡,換個說法,localStorage是一個小型的數據庫。

localStorage的值為string類型,這就說明我們在使用的時候要進行類型轉換。

三、localStorage的缺點和痛點

一:在瀏覽器隱私模式下不可讀取。

二:不同瀏覽器無法共享localStorage。

不同瀏覽器無法共享localStorage,相同瀏覽器的不同頁面間可以共享相同的 localStorage(頁面屬於相同域名和端口),但是不同頁面或標簽頁間無法共享sessionStorage的信息。這里需要注意的是,頁面及標 簽頁僅指頂級窗口,如果一個標簽頁包含多個iframe標簽且他們屬於同源頁面,那么他們之間是可以共享sessionStorage的。

三:localStorage不能被爬蟲獲取。

四:因為localStorage的本質是對字符串的讀取,如果存儲內容多的話會消耗內存空間,會導致頁面變卡;並且localStorage 是同步的 (會阻塞渲染)。

五:瀏覽器會在第一個請求的時候就將數據加載到內存中 (浪費用戶內存RAM)。

四、localStorage的三種存儲方法

1.Windows.localStorage.name = 'value'

2.Windows.localStorage[name] = 'value'

3.Windows.localStorage.setItem('name','value')

五:兼容性

 

OK,對於localStorage和sessionStorage及cookie介紹就到這里了,有什么問題可以在下面留言,歡迎提問!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM