关于前端缓存的一个封装思路

2019独角兽企业重金招聘Python工程师标准>>>

  function getCache (key) {var cachedContentStr = window.localStorage.getItem(key);console.log(cachedContentStr);if (cachedContentStr ) {var cachedContent = JSON.parse(cachedContentStr);var cacheEndTime = cachedContent.cacheEndTime || 0;if (cacheEndTime === 0) {return cachedContent.realValue;} else {var currentDate = new Date().getTime();if (currentDate <= cacheEndTime) {return cachedContent.realValue;}}}return undefined;};/*** * @key 缓存的key* @param value 对象字面量* @timeOut 缓存的时间，单位是分钟*/function setCache(key, value, timeOut) {timeOut = timeOut || 0;value = value || {};var timeOutms = 0;var cachedContent = {};if (timeOut > 0) {var currentDate  = new Date().getTime();timeOutms = timeOut * 60 * 1000;var cacheEndTime = currentDate + timeOut;cachedContent = {realValue: value,cacheEndTime: timeOutms};}else {cachedContent = {realValue: value,cacheEndTime: timeOutms};           }window.localStorage.setItem(key, JSON.stringify(cachedContent));};function deleteCache (key) {window.localStorage.removeItem(key);};/*** 每次登陆的时候清空过期的localStorage内容，预防localStorage变得越来越大*/function deleteInvlidCache () {};

转载于:https://my.oschina.net/fengshuzi/blog/841630

关于前端缓存的一个封装思路相关推荐

前端如何搭建一个成熟的脚手架
前言有了之前的基础(前端如何搭建一个简单的脚手架),我们现在可以讲讲一个成熟的脚手架是怎么做了. 这里我们参考vue-cli的源码,基于rollup和typescript一步步搭建.vue-cli作 ...
使用JS实现前端缓存
在前端浏览器中,有些数据(比如数据字典中的数据),可以在第一次请求的时候全部拿过来保存在js对象中,以后需要的时候就不用每次都去请求服务器了.对于那些大量使用数据字典来填充下拉框的页面,这种方法可以极 ...
前端缓存浏览器存储
目录前言一.浏览器存储 0.bfcache 1.WebStorage (1).sessionStorage 对象 (2).localStorage 对象 2.Cookie (1).cookie 与 ...
Wordpress优化：网站用nginx前端缓存+Redis Cache缓存提速网站
本问转载:https://www.src1024.com/xy/seo/31780.html 新手站长搭建网站一般为了省钱没去选择大厂的云服务器,而小厂的服务器虽然便宜,但是访问速度也很感人,同时如果 ...
7 学大厂，拓展基础组件封装思路 BAT?TMD
本章节,我们希望和大家分享互联网大厂的基础组件架构封装思路, 其中涉及到消息发送的多模式化. 消息的高性能序列化. 消息的异步化. 连接的缓存容器. 消息的可靠性投递. 补偿策略.消息的幂等解决方案 ...
图片从前端回传到后端实现思路总结
一.实现思路 1.前端单独写一个转图片的组件imageUpload.vue,并设置路由/imageUpload,当访问地址http://10.18.0.200:8081/imageUpload 时,调 ...
前端更新需要清空浏览器缓存_浏览器缓存机制分析及前端缓存清理
浏览器缓存机制分析及前端缓存清理发布时间:2018-06-03 16:56, 浏览次数:857 本文主题:理清浏览器的缓存机制的内部逻辑,并给出避免浏览器缓存的相关解决方案相信很多新手前端发布页面 ...
前端缓存【web缓存】
前端缓存--http缓存 web缓存 http缓存定义优点缺点 http缓存类型强缓存 Expires实现的强缓存 Cache-control实现的强缓存协商缓存 last-modified ...
技术点：前端缓存分类及使用
前端缓存什么是 web 缓存(前端缓存) web 缓存主要指的是两部分:浏览器缓存和 http 缓存浏览器缓存:比如,localStorage,sessionStorage,cookie 等等.这 ...

关于前端缓存的一个封装思路

关于前端缓存的一个封装思路相关推荐

最新文章

热门文章