瀏覽器本地存儲

oysun 發布于2019-08-22 15:58 / 3631人閱讀

摘要：瀏覽器本地存儲在較高版本的瀏覽器中，提供了和。單個保存的數據不能超過，很多瀏覽器都限制一個站點最多保存個。

瀏覽器本地存儲

在較高版本的瀏覽器中，js提供了sessionStorage和globalStorage。在HTML5中提供了localStorage來取代globalStorage

html5中的Web Storage包括了兩種存儲方式：sessionStorage和localStorage

sessionStorage用于本地存儲一個會話（session）中的數據，這些數據只有在同一個會話中的頁面才能訪問并且當會話結束后數據也隨之銷毀。因此sessionStorage不是一種持久化的本地存儲，僅僅是會話級別的存儲

而localStorage用于持久化的本地存儲，除非主動刪除數據，否則數據是永遠不會過期的

web storage和cookie的區別

Web Storage的概念和cookie相似，區別是它是為了更大容量存儲設計的。Cookie的大小是受限的，并且每次你請求一個新的頁面的時候Cookie都會被發送過去，這樣無形中浪費了帶寬，另外cookie還需要指定作用域，不可以跨域調用

除此之外，WebStorage擁有setItem,getItem,removeItem,clear等方法，不像cookie需要前端開發者自己封裝setCookie，getCookie

但是cookie也是不可以或缺的：cookie的作用是與服務器進行交互，作為HTTP規范的一部分而存在，而Web Storage僅僅是為了在本地“存儲”數據而生

瀏覽器的支持除了IE７及以下不支持外，其他標準瀏覽器都完全支持(ie及FF需在web服務器里運行)，值得一提的是IE總是辦好事，例如IE7、IE6中的userData其實就是javascript本地存儲的解決方案。通過簡單的代碼封裝可以統一到所有的瀏覽器都支持web storage

localStorage和sessionStorage都具有相同的操作方法，例如setItem、getItem和removeItem等

cookie 和session 的區別：

1、cookie數據存放在客戶的瀏覽器上，session數據放在服務器上。

2、cookie不是很安全，別人可以分析存放在本地的COOKIE并進行COOKIE欺騙

考慮到安全應當使用session。

3、session會在一定時間內保存在服務器上。當訪問增多，會比較占用你服務器的性能

考慮到減輕服務器性能方面，應當使用COOKIE。

4、單個cookie保存的數據不能超過4K，很多瀏覽器都限制一個站點最多保存20個cookie。

5、所以個人建議：

將登陸信息等重要信息存放為SESSION

其他信息如果需要保留，可以放在COOKIE中

描述 cookies、sessionStorage 和 localStorage 的區別？

與服務器交互：

cookie 是網站為了標示用戶身份而儲存在用戶本地終端上的數據（通常經過加密）

cookie 始終會在同源 http 請求頭中攜帶（即使不需要），在瀏覽器和服務器間來回傳遞

sessionStorage 和 localStorage 不會自動把數據發給服務器，僅在本地保存

存儲大小：

cookie 數據根據不同瀏覽器限制，大小一般不能超過 4k

sessionStorage 和 localStorage 雖然也有存儲大小的限制，但比cookie大得多，可以達到5M或更大

有期時間：

localStorage 存儲持久數據，瀏覽器關閉后數據不丟失除非主動刪除數據

sessionStorage 數據在當前瀏覽器窗口關閉后自動刪除

cookie 設置的cookie過期時間之前一直有效，與瀏覽器是否關閉無關

GPU云服務器云服務器本地存儲本地云存儲存儲本地圖片瀏覽器存儲

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/93917.html

JavaScript學習篇--本地存儲

摘要：本地存儲的方案傳統把信息存儲到客戶端的瀏覽器中但是項目服務器端也是可以獲取的把信息存儲到服務器上的服務器存儲永久存儲在客服端的本地。在客戶端運行的js是不能操作用戶電腦磁盤中的文件的（這是為了保護客戶端運行的安全）。 1、js中的本地存儲：使用js向瀏覽器的某一個位置中存儲一些內容，瀏覽器即使關閉了，存儲的信息也不會銷毀，當在重新打開瀏覽器的時候我們依然可以獲取到上一次存儲的信息。...

hss01248 2019-08-22 10:54 評論0 收藏0
常見前端本地存儲

摘要：說一說常用得本地存儲方法這個東西我覺得對于前端來講都不會很陌生，瀏覽器都會支持在最初得時候適用于客戶端存儲會話信息用的，在我們發送請求得時候，響應頭會包含此次會話得會話信息返回給客戶端，瀏覽器回存儲這樣得會話信息并且在本地有了之后，每次發送說一說常用得本地存儲方法 cookie localStorage sessionStorage cookie cookie這個東西我覺得對于前...

joy968 2019-08-26 10:23 評論0 收藏0
Web Storage 與cookies

摘要：和雖然也有存儲大小的限制，但比大得多，可以達到或更大支持事件通知機制，可以將數據更新的通知發送給監聽者。有時也用，指某些網站為了辨別用戶身份，進行跟蹤而存儲在本地終端上的數據，通常經過加密。 Web Storage介紹 Web Storage帶來的好處減少網絡流量：一旦數據保存在本地后，就可以避免再向服務器請求數據，因此減少不必要的數據請求，減少數據在瀏覽器和服務器間不必要地來回傳...

zhkai 2019-08-01 18:02 評論0 收藏0
Web Storage 與cookies

摘要：和雖然也有存儲大小的限制，但比大得多，可以達到或更大支持事件通知機制，可以將數據更新的通知發送給監聽者。有時也用，指某些網站為了辨別用戶身份，進行跟蹤而存儲在本地終端上的數據，通常經過加密。 Web Storage介紹 Web Storage帶來的好處減少網絡流量：一旦數據保存在本地后，就可以避免再向服務器請求數據，因此減少不必要的數據請求，減少數據在瀏覽器和服務器間不必要地來回傳...

Achilles 2019-08-29 13:51 評論0 收藏0
本地存儲localStorage以及它的封裝接口store.js的使用

摘要：本地存儲是提供的在客戶端存儲數據的新方法，主要作用是將數據保存在客戶端中，并且數據是永久保存的，除非人為干預刪除。的使用的基本有存儲的值為獲取的值移除的記錄清空存儲返回所有存儲遍歷所有存儲。本地存儲localstorage localstorage 是 HTML5 提供的在客戶端存儲數據的新方法，主要作用是將數據保存在客戶端中，并且數據是永久保存的，除非人為干預刪除。 localst...

xiaolinbang 2019-08-20 12:26 評論0 收藏0