資訊專欄INFORMATION COLUMN
摘要：缺點(diǎn)數(shù)量和長(zhǎng)度受限制，數(shù)量部分不同的瀏覽器不一樣，長(zhǎng)度是不能超過(guò)，否則會(huì)被截掉。更容易受到安全攻擊。不會(huì)在每個(gè)請(qǐng)求中被攜帶。遵循同源政策，保存數(shù)據(jù)會(huì)相對(duì)來(lái)說(shuō)安全些。的優(yōu)缺點(diǎn)基本上和是相同的，同屬于，返回的也都是一個(gè)對(duì)象。
前言
這些api的發(fā)展歷程？
這些api各自的優(yōu)缺點(diǎn)是什么？
這些api的使用場(chǎng)景？
怎么用就不說(shuō)了，因?yàn)橹苯涌次臋n就可以了
參考了很多篇文章，現(xiàn)在把所看的內(nèi)容總結(jié)一下。
發(fā)展歷程長(zhǎng)久以來(lái)，本地存儲(chǔ)能力一直是桌面應(yīng)用區(qū)別于Web應(yīng)用的一個(gè)主要優(yōu)勢(shì)。對(duì)于桌面應(yīng)用，操作系統(tǒng)一般都提供了一個(gè)抽象層來(lái)幫助應(yīng)用程序保存其本地?cái)?shù)據(jù)。但遺憾的是，由于一些原因，在web的發(fā)展史上，在很長(zhǎng)的一段時(shí)間里Cookie是唯一可以使用的在用戶本地存儲(chǔ)少量的數(shù)據(jù)的方法。一直隨著現(xiàn)代瀏覽器開(kāi)始支持各種各樣的存儲(chǔ)方式，Cookie的部分功能才漸漸被取代。
Cookie的優(yōu)缺點(diǎn)優(yōu)點(diǎn)：
可以方便的控制Cookie生命周期。
持久性數(shù)據(jù)(Persistent data)。
可以設(shè)置作用域。
缺點(diǎn)：
Cookie數(shù)量和長(zhǎng)度受限制，數(shù)量部分不同的瀏覽器不一樣，長(zhǎng)度是不能超過(guò)4KB，否則會(huì)被截掉。
瀏覽器的每次請(qǐng)求都會(huì)攜帶Cookie數(shù)據(jù)，會(huì)帶來(lái)額外的性能開(kāi)銷，浪費(fèi)帶寬(尤其是在移動(dòng)開(kāi)發(fā)環(huán)境下)。
Cookie是以單字符串的形式保存在客戶端的，所以利用原生js不利于操作。
Cookie更容易受到安全攻擊。
localStorage的優(yōu)缺點(diǎn)優(yōu)點(diǎn)：
以鍵值對(duì)的形式進(jìn)行存儲(chǔ)，存儲(chǔ)的是原始值，瀏覽器提供了更易操作的api。
更大的存儲(chǔ)空間，相同域最多可以存儲(chǔ)5MB。
不會(huì)在每個(gè)HTTP請(qǐng)求中被攜帶。
遵循同源政策，保存數(shù)據(jù)會(huì)相對(duì)來(lái)說(shuō)安全些。
缺點(diǎn)：
不能直接控制生命周期，需要自己利用js進(jìn)行封裝之后才能操作。
如果服務(wù)端需要客戶端的存儲(chǔ)信息，你需要手動(dòng)添加它。
sessionStorage的優(yōu)缺點(diǎn)sessionStorage基本上和localStorage是相同的，同屬于Web Storage，返回的也都是一個(gè)Storage對(duì)象。區(qū)別在于sessionStorage在關(guān)閉瀏覽器或者是當(dāng)前標(biāo)簽頁(yè)（有的人說(shuō)關(guān)閉tab不清空，但是規(guī)范上有寫(xiě)，sessionStorage 是基于browsing context來(lái)呈現(xiàn)的）時(shí)，存儲(chǔ)的數(shù)據(jù)都會(huì)被清空掉。
應(yīng)用場(chǎng)景Cookie因?yàn)樗膶?shí)現(xiàn)特點(diǎn)，所以更多的是保存讓服務(wù)端可以獲得的數(shù)據(jù)，保存用戶的個(gè)人的用戶信息，讓服務(wù)端知道當(dāng)前用戶是誰(shuí)，如保存sessionId。而localStorage則是用來(lái)服務(wù)客戶端的，可以保存主題設(shè)置，用戶配置的一些信息。sessionStorage更多的是像對(duì)localStorage的一個(gè)補(bǔ)充，可以用來(lái)保存頁(yè)面的會(huì)話信息。
參考文章深入HTML5: HTML5 本地存儲(chǔ)( Local Storage )的前世今生 (一)
HTTP cookies
Cookie的工作原理與優(yōu)缺點(diǎn)
Local Storage vs Cookies
What is the difference between sessionstorage, localstorage and Cookies?
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/107772.html
摘要：室友同為前端開(kāi)發(fā)，最近在他找工作的時(shí)候，討論到了常見(jiàn)的前端筆試題和面試題，今天就來(lái)總結(jié)一下之前校招和社招時(shí)頻繁遇到的面試題。合并后的外邊距的高度取外邊距高度中的較大者。 室友同為前端開(kāi)發(fā)，最近在他找工作的時(shí)候，討論到了常見(jiàn)的前端筆試題和面試題，今天就來(lái)總結(jié)一下之前校招和社招時(shí)頻繁遇到的面試題。 iframe 有哪些缺點(diǎn)? 頁(yè)面看起來(lái)較雜亂，不易管理，布局不佳，易分散用戶注意力 搜索引...
摘要：室友同為前端開(kāi)發(fā)，最近在他找工作的時(shí)候，討論到了常見(jiàn)的前端筆試題和面試題，今天就來(lái)總結(jié)一下之前校招和社招時(shí)頻繁遇到的面試題。合并后的外邊距的高度取外邊距高度中的較大者。 室友同為前端開(kāi)發(fā)，最近在他找工作的時(shí)候，討論到了常見(jiàn)的前端筆試題和面試題，今天就來(lái)總結(jié)一下之前校招和社招時(shí)頻繁遇到的面試題。 iframe 有哪些缺點(diǎn)? 頁(yè)面看起來(lái)較雜亂，不易管理，布局不佳，易分散用戶注意力 搜索引...
摘要：數(shù)據(jù)并非存儲(chǔ)在一個(gè)安全環(huán)境中，其中包含的任何數(shù)據(jù)都可以被他人訪問(wèn)。的兩個(gè)主要目標(biāo)是提供一種在之外存儲(chǔ)會(huì)話數(shù)據(jù)的途徑提供一種存儲(chǔ)大量可以跨會(huì)話存在的數(shù)據(jù)的機(jī)制。 隨著Web應(yīng)用程序的出現(xiàn)，產(chǎn)生了對(duì)于能夠直接在客戶端上存儲(chǔ)用戶信息能力的要求。比如登錄信息、偏好設(shè)定或其他數(shù)據(jù)，這個(gè)問(wèn)題的第一個(gè)方案是以cookie的形式出現(xiàn)的，今天cookie只是在客戶端存儲(chǔ)數(shù)據(jù)的其中一種選項(xiàng)。 cookie...
摘要：同源策略是什么跨域通信同源兩個(gè)文檔同源需滿足協(xié)議相同域名相同端口相同跨域通信進(jìn)行操作通信時(shí)如果目標(biāo)與當(dāng)前窗口不滿足同源條件，瀏覽器為了安全會(huì)阻止跨域操作。 同源策略是什么？ javascript跨域通信 同源：兩個(gè)文檔同源需滿足 協(xié)議相同 域名相同 端口相同 跨域通信：js進(jìn)行DOM操作、通信時(shí)如果目標(biāo)與當(dāng)前窗口不滿足同源條件，瀏覽器為了安全會(huì)阻止跨域操作?？缬蛲ㄐ磐ǔＳ幸韵路椒?...
閱讀 1686·2021-11-15 11:38
閱讀 4543·2021-09-22 15:33
閱讀 2347·2021-08-30 09:46
閱讀 2193·2019-08-30 15:43
閱讀 838·2019-08-30 14:16
閱讀 2086·2019-08-30 13:09
閱讀 1264·2019-08-30 11:25
閱讀 714·2019-08-29 16:42
