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); } } };
欢迎关注下面的公众号,进一步技术交流:
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步