localstorage本地定時緩存

　　　在做一個網站時，起初直接就是從服務器獲取數據進行交互，沒有用一些本地緩存做優化，項目做下來就特別卡，並且對服務器造成了很大的壓力，經過請教，查詢，找到這樣一個定時緩存的例子。html5定時緩存，從數據庫獲取到數據，如果不是實時變化的可以緩存到本地，隔一段時間后再次更新，可以提高網站瀏覽速度，也可以減少服務器壓力。各位看官在做一些項目優化是可以試着應用上這個緩存的功能。

var MyLocalStorage = {
              Cache: {
                   /**
                    * 總容量5M
                    * 存入緩存，支持字符串類型、json對象的存儲
                    * 頁面關閉后依然有效 ie7+都有效
                    * @param key 緩存key
                    * @param stringVal
                    * @time 數字 緩存有效時間（秒） 默認60s 
                    * 注：localStorage 方法存儲的數據沒有時間限制。第二天、第二周或下一年之后，數據依然可用。不能控制緩存時間，故此擴展
                    * */
                   put: function(key, stringVal, time) {
                        try {
                             if(!localStorage) {
                                  return false;
                             }
                             if(!time || isNaN(time)) {
                                  time = 60;
                             }
                             var cacheExpireDate = (new Date() - 1) + time * 1000;
                             var cacheVal = {
                                  val: stringVal,
                                  exp: cacheExpireDate
                             };
                             localStorage.setItem(key, JSON.stringify(cacheVal)); //存入緩存值 
                        } catch(e) {}
                   },
                   /**獲取緩存*/
                   get: function(key) {
                        try {
                             if(!localStorage) {
                                  return false;
                             }
                             var cacheVal = localStorage.getItem(key);
                             var result = JSON.parse(cacheVal);
                             var now = new Date() - 1;
                             if(!result) {
                                  return null;
                             } //緩存不存在 
                             if(now > result.exp) { //緩存過期 
                                  this.remove(key);
                                  return "";
                             }
                             return result.val;
                        } catch(e) {
                             this.remove(key);
                             return null;
                        }
                   },
                   /**移除緩存，一般情況不手動調用，緩存過期自動調用*/
                   remove: function(key) {
                        if(!localStorage) {
                             return false;
                        }
                        localStorage.removeItem(key);
                   },
                   /**清空所有緩存*/
                   clear: function() {
                        if(!localStorage) {
                             return false;
                        }
                        localStorage.clear();
                   }
              } //end Cache 
          }
          
　　　　　　　　//調用緩存函數
          function getHotList() {
              try {
                   var cache = MyLocalStorage.Cache.get("cacheKey");
                   if(cache == null) {
                        $.get("php/timeUpdata.php", function(data) {
                             //                      result = JSON.parse(data);//字符串轉josn串
                             MyLocalStorage.Cache.put("cacheKey", data, 2 * 60);
                        });
                   }
              } catch(e) {}
          }
          getHotList();

 　　如果緩存的數據量比較大的話，就需要將數據轉換為string格式。