瀏覽器本地存儲，localStorage

時間 2019-11-12

原文原文鏈接

　　通常不會用到這個瀏覽器的本地存儲，項目中的數據通常都會存在後臺的數據庫中，須要時，則由前臺進行請求獲取。不過有些狀況下不得不使用這個 localStorage 來作保存操做。好比繪製的圖像數據，請求後臺返回數據進行繪製，這時須要將以前請求的繪製圖片數據進行保留，以便方便對比，而將以前請求繪製的圖片數據放入數據庫中保存很不方便，並且頻繁切換或者數據量大時，會形成性能問題，這樣是不合要求的，那怎麼解決此類問題呢？想到了利用瀏覽器本地存儲的方式，只要不清除歷史記錄，本地歷史會一直保存，這樣就會很方便的經過 api 來獲取想要的數據，大大簡化了與後臺數據請求的此數，減小了其工做量等。html

　　這裏記錄下操做的相關 api，經常使用的幾個異常簡單，能夠把瀏覽器存儲當成是一個巨大的對象來使用，不過由瀏覽器要求，記着是 IE9 以上，其餘瀏覽器貌似都是支持的。數據庫

<!DOCTYPE html>
<html >
    <head>
        <meta charset='utf-8'>
    </head>
    <body >
        <script language="JavaScript">
        　　 console.log(localStorage.a)
            if(window.localStorage){
                alert(1)
                localStorage.a = 3
                var b = localStorage.a
                console.log(b);
            }else{
                alert(0)
            }
            console.log(localStorage.localObj);
            var obj = {name: 'ice'}
            localStorage.localObj = JSON.stringify(obj);
            console.log(localStorage.localObj);

            localStorage.clear();
        
            console.log(localStorage.localObj);
        </script>
    </body>
</html>