一、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介紹就到這里了,有什么問題可以在下面留言,歡迎提問!