瀏覽器本地存儲

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

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