国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

詳解Cookie,localStorage與seesionStorage

Rango / 3358人閱讀

摘要:缺點數量和長度受限制,數量部分不同的瀏覽器不一樣,長度是不能超過,否則會被截掉。更容易受到安全攻擊。不會在每個請求中被攜帶。遵循同源政策,保存數據會相對來說安全些。的優缺點基本上和是相同的,同屬于,返回的也都是一個對象。

前言

這些api的發展歷程?

這些api各自的優缺點是什么?

這些api的使用場景?

怎么用就不說了,因為直接看文檔就可以了

參考了很多篇文章,現在把所看的內容總結一下。

發展歷程

長久以來,本地存儲能力一直是桌面應用區別于Web應用的一個主要優勢。對于桌面應用,操作系統一般都提供了一個抽象層來幫助應用程序保存其本地數據。但遺憾的是,由于一些原因,在web的發展史上,在很長的一段時間里Cookie是唯一可以使用的在用戶本地存儲少量的數據的方法。一直隨著現代瀏覽器開始支持各種各樣的存儲方式,Cookie的部分功能才漸漸被取代。

Cookie的優缺點

優點:

可以方便的控制Cookie生命周期。

持久性數據(Persistent data)。

可以設置作用域。

缺點:

Cookie數量和長度受限制,數量部分不同的瀏覽器不一樣,長度是不能超過4KB,否則會被截掉。

瀏覽器的每次請求都會攜帶Cookie數據,會帶來額外的性能開銷,浪費帶寬(尤其是在移動開發環境下)。

Cookie是以單字符串的形式保存在客戶端的,所以利用原生js不利于操作。

Cookie更容易受到安全攻擊。

localStorage的優缺點

優點:

以鍵值對的形式進行存儲,存儲的是原始值,瀏覽器提供了更易操作的api。

更大的存儲空間,相同域最多可以存儲5MB。

不會在每個HTTP請求中被攜帶。

遵循同源政策,保存數據會相對來說安全些。

缺點:

不能直接控制生命周期,需要自己利用js進行封裝之后才能操作。

如果服務端需要客戶端的存儲信息,你需要手動添加它。

sessionStorage的優缺點

sessionStorage基本上和localStorage是相同的,同屬于Web Storage,返回的也都是一個Storage對象。區別在于sessionStorage在關閉瀏覽器或者是當前標簽頁(有的人說關閉tab不清空,但是規范上有寫,sessionStorage 是基于browsing context來呈現的)時,存儲的數據都會被清空掉。

應用場景

Cookie因為它的實現特點,所以更多的是保存讓服務端可以獲得的數據,保存用戶的個人的用戶信息,讓服務端知道當前用戶是誰,如保存sessionId。而localStorage則是用來服務客戶端的,可以保存主題設置,用戶配置的一些信息。sessionStorage更多的是像對localStorage的一個補充,可以用來保存頁面的會話信息。

參考文章

深入HTML5: HTML5 本地存儲( Local Storage )的前世今生 (一)

HTTP cookies

Cookie的工作原理與優缺點

Local Storage vs Cookies

What is the difference between sessionstorage, localstorage and Cookies?

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

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

相關文章

  • 前端開發常見筆試/面試題總結 -- HTML / CSS篇

    摘要:室友同為前端開發,最近在他找工作的時候,討論到了常見的前端筆試題和面試題,今天就來總結一下之前校招和社招時頻繁遇到的面試題。合并后的外邊距的高度取外邊距高度中的較大者。 室友同為前端開發,最近在他找工作的時候,討論到了常見的前端筆試題和面試題,今天就來總結一下之前校招和社招時頻繁遇到的面試題。 iframe 有哪些缺點? 頁面看起來較雜亂,不易管理,布局不佳,易分散用戶注意力 搜索引...

    dongxiawu 評論0 收藏0
  • 前端開發常見筆試/面試題總結 -- HTML / CSS篇

    摘要:室友同為前端開發,最近在他找工作的時候,討論到了常見的前端筆試題和面試題,今天就來總結一下之前校招和社招時頻繁遇到的面試題。合并后的外邊距的高度取外邊距高度中的較大者。 室友同為前端開發,最近在他找工作的時候,討論到了常見的前端筆試題和面試題,今天就來總結一下之前校招和社招時頻繁遇到的面試題。 iframe 有哪些缺點? 頁面看起來較雜亂,不易管理,布局不佳,易分散用戶注意力 搜索引...

    endiat 評論0 收藏0
  • 數據存儲

    摘要:數據并非存儲在一個安全環境中,其中包含的任何數據都可以被他人訪問。的兩個主要目標是提供一種在之外存儲會話數據的途徑提供一種存儲大量可以跨會話存在的數據的機制。 隨著Web應用程序的出現,產生了對于能夠直接在客戶端上存儲用戶信息能力的要求。比如登錄信息、偏好設定或其他數據,這個問題的第一個方案是以cookie的形式出現的,今天cookie只是在客戶端存儲數據的其中一種選項。 cookie...

    frolc 評論0 收藏0
  • 前端面試題-瀏覽器/服務端/網絡

    摘要:同源策略是什么跨域通信同源兩個文檔同源需滿足協議相同域名相同端口相同跨域通信進行操作通信時如果目標與當前窗口不滿足同源條件,瀏覽器為了安全會阻止跨域操作。 同源策略是什么? javascript跨域通信 同源:兩個文檔同源需滿足 協議相同 域名相同 端口相同 跨域通信:js進行DOM操作、通信時如果目標與當前窗口不滿足同源條件,瀏覽器為了安全會阻止跨域操作。跨域通信通常有以下方法 ...

    jsdt 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<