zoukankan      html  css  js  c++  java
  • 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);
        }
      }
    };

    欢迎关注下面的公众号,进一步技术交流:

  • 相关阅读:
    c语言 12
    c语言中用结构体表示点的坐标,并计算两点之间的距离
    c语言 12
    c语言中结构体数组
    c语言 12-3
    c语言 12-2
    codevs3164 质因数分解
    codevs4438 YJQ Runs Upstairs
    codevs4439 YJQ Requires Food
    codevs4437 YJQ Arranges Sequences
  • 原文地址:https://www.cnblogs.com/cczlovexw/p/7251223.html
Copyright © 2011-2022 走看看