H5存儲------localStorage和sessionStorage

web現在隨着計算機的高速發展，客戶端干的事情越來越多了，隨着事情的增多，很多東西存儲就不止在服務器了，本地存儲越來越強大了(大神原諒我廢話了😭😭😭😢)

早期時期

cookie存儲

（之前我用着還是很方便的😁，存一些用戶不重要的信息呀），后來大神告訴我，這個很影響頁面加載速度，並且安全性低

大小4kb（😭真的好小哦）

后來時期

隨着H5的到來，它提供了新的web存儲，webstorage

基本包含了localStorage和sessionStorage

 

localStorage

　　一種沒有時間限制的緩存，我們不手動清理，就不丟失

sessionStorage

　　（”短時間“存儲，大神原諒我粗糙的解釋），我們用戶的窗口執行了關閉操作，sessionStorage的數據會丟失

先檢測我們瀏覽器是不是支持H5的存儲

 if (window.localStorage && window.sessionStorage) {
                alert("你的瀏覽器支持localStorage和sessionStorage");
    }

創建一個localStorage存儲

//先判斷支持

 if (window.localStorage) { localStorage.setItem("userName", "老王"); }

獲取我們localStorage存儲的數據

localStorage.getItem("userName")

最后我們操作刪除localStorage存儲

localStorage.removeItem("userName");
//關閉緩存
localStorage.clear();

 

sessionStorage操作和localStorage基本操作一樣的！