js數據放入緩存，需要再調用

再貼代碼之前先描述下，這個技術應用的場景：一個頁面的http請求次數能少點就少，這樣大大提高用戶體驗。所以再一個頁面發起一個請求，把所有數據都拿到后儲存在緩存里面，你想用的時候再調用出來，這個是非常好的一個做法。

下面開始講解這個技術的應用：

　　這個技術主要運用到getStorage setStorage

步驟如下：

//定義全局變量函數
var uzStorage = function () {
  var ls = window.localStorage;
  return ls;
};
//定義全局變量u
var u = {};
//設置緩存
u.setStorage = function (key, value) {
  var v = value;
  if (typeof v == 'object') {
    v = JSON.stringify(v);
    v = 'obj-' + v;
  } else {
    v = 'str-' + v;
  }
  var ls = uzStorage();
  if (ls) {
    ls.setItem(key, v);
  }
};
//獲取緩存
u.getStorage = function (key) {
  var ls = uzStorage();
  if (ls) {
    var v = ls.getItem(key);
    if (!v) {
      return;
    }
    if (v.indexOf('obj-') === 0) {
      v = v.slice(4);
      return JSON.parse(v);
    } else if (v.indexOf('str-') === 0) {
    return v.slice(4);
    }
  }
};

 

歡迎關注下面的公眾號，進一步技術交流：