瀏覽器本地存儲

1. 瀏覽器本地存儲方式
   （1）Cookie
   Cookie 是最早被提出來的本地存儲方式，在此之前，服務(wù)端是無法判斷網(wǎng)絡(luò)中的兩個請求是否是同一用戶發(fā)起的，為解決這個問題，Cookie就出現(xiàn)了。Cookie的大小只有4kb，它是一種純文本文件，每次發(fā)起HTTP請求都會攜帶Cookie
   cookie 存儲在客戶端：?cookie 是服務(wù)器發(fā)送到用戶瀏覽器并保存在本地的一小塊數(shù)據(jù)，它會在瀏覽器下次向同一服務(wù)器再發(fā)起請求時被攜帶并發(fā)送到服務(wù)器上。

cookie 是不可跨域的：?每個 cookie 都會綁定單一的域名，無法在別的域名下獲取使用
（2）LocalStorage
LocalStorage是HTML5新引入的特性，由于有的時候我們存儲的信息較大，Cookie就不能滿足我們的需求，這時候LocalStorage就派上用場了
LocalStorage的優(yōu)點：
在大小方面，LocalStorage的大小一般為5MB，可以儲存更多的信息
LocalStorage是持久儲存，并不會隨著頁面的關(guān)閉而消失，除非主動清理，不然會永久存在
僅儲存在本地，不像Cookie那樣每次HTTP請求都會被攜帶
LocalStorage的缺點：
存在瀏覽器兼容問題，IE8以下版本的瀏覽器不支持
（3）SessionStorage
SessionStorage和LocalStorage都是在HTML5才提出來的存儲方案，SessionStorage 主要用于臨時保存同一窗口(或標簽頁)的數(shù)據(jù)，刷新頁面時不會刪除，關(guān)閉窗口或標簽頁之后將會刪除這些數(shù)據(jù)。
SessionStorage與LocalStorage對比
SessionStorage和LocalStorage都在本地進行數(shù)據(jù)存儲；
SessionStorage也有同源策略的限制，但是SessionStorage有一條更加嚴格的限制，SessionStorage只有在同一瀏覽器的同一窗口下才能夠共享；
LocalStorage和SessionStorage都不能被爬蟲爬取
（4）Cookie、LocalStorage、SessionStorage區(qū)別
瀏覽器端常用的存儲技術(shù)是 cookie 、localStorage 和 sessionStorage
cookie： 其實最開始是服務(wù)器端用于記錄用戶狀態(tài)的一種方式，由服務(wù)器設(shè)置，在客戶端存儲，然后每次發(fā)起同源請求時，發(fā)送給服務(wù)器端。cookie 最多能存儲 4 k 數(shù)據(jù)，它的生存時間由 expires 屬性指定，并且 cookie 只能被同源的頁面訪問共享。
sessionStorage： html5 提供的一種瀏覽器本地存儲的方法，它借鑒了服務(wù)器端 session 的概念，代表的是一次會話中所保存的數(shù)據(jù)。它一般能夠存儲 5M 或者更大的數(shù)據(jù)，它在當前窗口關(guān)閉后就失效了，并且 sessionStorage 只能被同一個窗口的同源頁面所訪問共享。
localStorage： html5 提供的一種瀏覽器本地存儲的方法，它一般也能夠存儲 5M 或者更大的數(shù)據(jù)。它和 sessionStorage 不同的是，除非手動刪除它，否則它不會失效，并且 localStorage 也只能被同源頁面所訪問共享。