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基本操做同樣的！