資訊專欄INFORMATION COLUMN
摘要：瀏覽器本地存儲在較高版本的瀏覽器中，提供了和。單個(gè)保存的數(shù)據(jù)不能超過，很多瀏覽器都限制一個(gè)站點(diǎn)最多保存?zhèn)€。
瀏覽器本地存儲
在較高版本的瀏覽器中，js提供了sessionStorage和globalStorage。在HTML5中提供了localStorage來取代globalStorage
html5中的Web Storage包括了兩種存儲方式：sessionStorage和localStorage
sessionStorage用于本地存儲一個(gè)會話（session）中的數(shù)據(jù)，這些數(shù)據(jù)只有在同一個(gè)會話中的頁面才能訪問并且當(dāng)會話結(jié)束后數(shù)據(jù)也隨之銷毀。因此sessionStorage不是一種持久化的本地存儲，僅僅是會話級別的存儲
而localStorage用于持久化的本地存儲，除非主動刪除數(shù)據(jù)，否則數(shù)據(jù)是永遠(yuǎn)不會過期的
web storage和cookie的區(qū)別
Web Storage的概念和cookie相似，區(qū)別是它是為了更大容量存儲設(shè)計(jì)的。Cookie的大小是受限的，并且每次你請求一個(gè)新的頁面的時(shí)候Cookie都會被發(fā)送過去，這樣無形中浪費(fèi)了帶寬，另外cookie還需要指定作用域，不可以跨域調(diào)用
除此之外，WebStorage擁有setItem,getItem,removeItem,clear等方法，不像cookie需要前端開發(fā)者自己封裝setCookie，getCookie
但是cookie也是不可以或缺的：cookie的作用是與服務(wù)器進(jìn)行交互，作為HTTP規(guī)范的一部分而存在 ，而Web Storage僅僅是為了在本地“存儲”數(shù)據(jù)而生
瀏覽器的支持除了IE７及以下不支持外，其他標(biāo)準(zhǔn)瀏覽器都完全支持(ie及FF需在web服務(wù)器里運(yùn)行)，值得一提的是IE總是辦好事，例如IE7、IE6中的userData其實(shí)就是javascript本地存儲的解決方案。通過簡單的代碼封裝可以統(tǒng)一到所有的瀏覽器都支持web storage
localStorage和sessionStorage都具有相同的操作方法，例如setItem、getItem和removeItem等
cookie 和session 的區(qū)別：
1、cookie數(shù)據(jù)存放在客戶的瀏覽器上，session數(shù)據(jù)放在服務(wù)器上。
2、cookie不是很安全，別人可以分析存放在本地的COOKIE并進(jìn)行COOKIE欺騙
考慮到安全應(yīng)當(dāng)使用session。
3、session會在一定時(shí)間內(nèi)保存在服務(wù)器上。當(dāng)訪問增多，會比較占用你服務(wù)器的性能
考慮到減輕服務(wù)器性能方面，應(yīng)當(dāng)使用COOKIE。
4、單個(gè)cookie保存的數(shù)據(jù)不能超過4K，很多瀏覽器都限制一個(gè)站點(diǎn)最多保存20個(gè)cookie。
5、所以個(gè)人建議：
將登陸信息等重要信息存放為SESSION
其他信息如果需要保留，可以放在COOKIE中
描述 cookies、sessionStorage 和 localStorage 的區(qū)別？
與服務(wù)器交互：
cookie 是網(wǎng)站為了標(biāo)示用戶身份而儲存在用戶本地終端上的數(shù)據(jù)（通常經(jīng)過加密）
cookie 始終會在同源 http 請求頭中攜帶（即使不需要），在瀏覽器和服務(wù)器間來回傳遞
sessionStorage 和 localStorage 不會自動把數(shù)據(jù)發(fā)給服務(wù)器，僅在本地保存
存儲大?。?/p>
cookie 數(shù)據(jù)根據(jù)不同瀏覽器限制，大小一般不能超過 4k
sessionStorage 和 localStorage 雖然也有存儲大小的限制，但比cookie大得多，可以達(dá)到5M或更大
有期時(shí)間：
localStorage 存儲持久數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失除非主動刪除數(shù)據(jù)
sessionStorage 數(shù)據(jù)在當(dāng)前瀏覽器窗口關(guān)閉后自動刪除
cookie 設(shè)置的cookie過期時(shí)間之前一直有效，與瀏覽器是否關(guān)閉無關(guān)
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/93917.html
摘要：本地存儲的方案傳統(tǒng)把信息存儲到客戶端的瀏覽器中但是項(xiàng)目服務(wù)器端也是可以獲取的把信息存儲到服務(wù)器上的服務(wù)器存儲永久存儲在客服端的本地。 在客戶端運(yùn)行的js是不能操作用戶電腦磁盤中的文件的（這是為了保護(hù)客戶端運(yùn)行的安全）。 1、js中的本地存儲： 使用js向?yàn)g覽器的某一個(gè)位置中存儲一些內(nèi)容，瀏覽器即使關(guān)閉了，存儲的信息也不會銷毀，當(dāng)在重新打開瀏覽器的時(shí)候我們依然可以獲取到上一次存儲的信息。...
摘要：和雖然也有存儲大小的限制，但比大得多，可以達(dá)到或更大支持事件通知機(jī)制，可以將數(shù)據(jù)更新的通知發(fā)送給監(jiān)聽者。有時(shí)也用，指某些網(wǎng)站為了辨別用戶身份，進(jìn)行跟蹤而存儲在本地終端上的數(shù)據(jù)，通常經(jīng)過加密。 Web Storage介紹 Web Storage帶來的好處 減少網(wǎng)絡(luò)流量：一旦數(shù)據(jù)保存在本地后，就可以避免再向服務(wù)器請求數(shù)據(jù)，因此減少不必要的數(shù)據(jù)請求，減少數(shù)據(jù)在瀏覽器和服務(wù)器間不必要地來回傳...
摘要：和雖然也有存儲大小的限制，但比大得多，可以達(dá)到或更大支持事件通知機(jī)制，可以將數(shù)據(jù)更新的通知發(fā)送給監(jiān)聽者。有時(shí)也用，指某些網(wǎng)站為了辨別用戶身份，進(jìn)行跟蹤而存儲在本地終端上的數(shù)據(jù)，通常經(jīng)過加密。 Web Storage介紹 Web Storage帶來的好處 減少網(wǎng)絡(luò)流量：一旦數(shù)據(jù)保存在本地后，就可以避免再向服務(wù)器請求數(shù)據(jù)，因此減少不必要的數(shù)據(jù)請求，減少數(shù)據(jù)在瀏覽器和服務(wù)器間不必要地來回傳...
摘要：本地存儲是提供的在客戶端存儲數(shù)據(jù)的新方法，主要作用是將數(shù)據(jù)保存在客戶端中，并且數(shù)據(jù)是永久保存的，除非人為干預(yù)刪除。的使用的基本有存儲的值為獲取的值移除的記錄清空存儲返回所有存儲遍歷所有存儲。 本地存儲localstorage localstorage 是 HTML5 提供的在客戶端存儲數(shù)據(jù)的新方法，主要作用是將數(shù)據(jù)保存在客戶端中，并且數(shù)據(jù)是永久保存的，除非人為干預(yù)刪除。 localst...
閱讀 763·2023-04-25 19:28
閱讀 1417·2021-09-10 10:51
閱讀 2434·2019-08-30 15:55
閱讀 3436·2019-08-26 13:55
閱讀 3029·2019-08-26 13:24
閱讀 3353·2019-08-26 11:46
閱讀 2779·2019-08-23 17:10
閱讀 1444·2019-08-23 16:57
