摘要:缺點數量和長度受限制,數量部分不同的瀏覽器不一樣,長度是不能超過,否則會被截掉。更容易受到安全攻擊。不會在每個請求中被攜帶。遵循同源政策,保存數據會相對來說安全些。的優缺點基本上和是相同的,同屬于,返回的也都是一個對象。
前言
這些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
摘要:室友同為前端開發,最近在他找工作的時候,討論到了常見的前端筆試題和面試題,今天就來總結一下之前校招和社招時頻繁遇到的面試題。合并后的外邊距的高度取外邊距高度中的較大者。 室友同為前端開發,最近在他找工作的時候,討論到了常見的前端筆試題和面試題,今天就來總結一下之前校招和社招時頻繁遇到的面試題。 iframe 有哪些缺點? 頁面看起來較雜亂,不易管理,布局不佳,易分散用戶注意力 搜索引...
摘要:室友同為前端開發,最近在他找工作的時候,討論到了常見的前端筆試題和面試題,今天就來總結一下之前校招和社招時頻繁遇到的面試題。合并后的外邊距的高度取外邊距高度中的較大者。 室友同為前端開發,最近在他找工作的時候,討論到了常見的前端筆試題和面試題,今天就來總結一下之前校招和社招時頻繁遇到的面試題。 iframe 有哪些缺點? 頁面看起來較雜亂,不易管理,布局不佳,易分散用戶注意力 搜索引...
摘要:同源策略是什么跨域通信同源兩個文檔同源需滿足協議相同域名相同端口相同跨域通信進行操作通信時如果目標與當前窗口不滿足同源條件,瀏覽器為了安全會阻止跨域操作。 同源策略是什么? javascript跨域通信 同源:兩個文檔同源需滿足 協議相同 域名相同 端口相同 跨域通信:js進行DOM操作、通信時如果目標與當前窗口不滿足同源條件,瀏覽器為了安全會阻止跨域操作。跨域通信通常有以下方法 ...
閱讀 1687·2021-11-15 11:38
閱讀 4545·2021-09-22 15:33
閱讀 2348·2021-08-30 09:46
閱讀 2195·2019-08-30 15:43
閱讀 840·2019-08-30 14:16
閱讀 2087·2019-08-30 13:09
閱讀 1266·2019-08-30 11:25
閱讀 714·2019-08-29 16:42