首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端数据缓存 & 版本管理方案总结

在前端项目中,使用 localstorage 进行数据缓存已是司空见惯的做法,但由于数据分布式地存储在多个前端浏览器中,因此数据的版本管理终究是绕不开的话题。...本文将从一个实际的 UI 编辑器项目出发,分析页面 json 数据的缓存版本管理方案,大致思路如下: 2....版本存取管理方案 3.1 定义缓存操作类 首先需要定义一个缓存操作类 UndoRedoHistory 用于对缓存数据进行存取操作,包含 3 个必备属性:_store、_history、_currentIndex..._history: 缓存队列,存储了 addState(state) 方法中传入的 state 数据实例 _currentIndex: 当前的缓存队列索引,通过修改索引,可以实现页面数据版本的 前进、后退...前端版本选择策略 前面叙述了缓存数据的本地存储和存取方式,同一个页面的数据会存储为两份: db 远程数据库 local 本地 localStorage 缓存 那么这两份数据应该如何取舍?

2.8K62
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    NuGet 更新库新版本缓存问题

    我有一个 NuGet 库有新的版本,但是我的服务器速度不够快,此时我第一次使用 NuGet 还原找不到库。在我服务器索引完成之后,再次使用 NuGet 会依然找不到这个库,而此时服务器准备完成。...这是 NuGet 的缓存的坑 我使用了 BaGet 搭建我私有的 NuGet 服务器,他的速度很快,但是索引一个上传的 NuGet 库依然需要一定的时间。...如果在 NuGet 服务器还没准备完成之前调用了 NuGet 的 restore 命令,此时预期是找不到 NuGet 的这个新版本的库 但是在 NuGet 服务器准备完成之后,再次调用 NuGet 的还原命令...,包括 dotnet restore 都会提示找不到这个版本的库,需要等待超长的时间才能拉 一开始我以为是自己的 NuGet 服务器性能太差,后续在 WPF 官方开源仓库里面学到了这是 NuGet 的坑...refresh its HTTP cache if it can’t find the package requested · Issue #3116 · NuGet/Home 也就是 NuGet 没有刷新自己缓存认为不存在某个库

    81630

    前端单文件入口发布新版本 缓存问题

    前端单文件入口发布新版本 缓存问题 在现代 javascript框架项目开发中,一直有一个令人都疼的问题,就是缓存问题;每次发版完之后由于浏览器缓存机制,用户端不会实时获取新的项目页面,甚至有可能出现静态文件获取报...方法思路 在入口文件中配置文件更新后 缓存同步更新 打包的时候 生成一个唯一的版本号,并添加到 入口目录/config.json 每次 路由 发生变更的时候,判断版本号是否发生变化,如果发生变化,则刷新当前文件...cache-control" content="no-cache, no-store, must-revalidate"> 3 生成版本号...4process.env.VUE_APP_VERSION = VERSION // 记录到env,并在vuex中记录,用于后面版本号对比校验 5 6const configJSON = require...1router.beforeEach(async (to, from, next) => { 2 // 判断版本号,如果不一致则提示用户刷新页面 3 const isUpdate = await

    58910

    缓存缓存穿透、缓存雪崩、缓存击穿

    原文:https://www.cnblogs.com/raichen/p/7750165.htm 缓存穿透 概念 缓存穿透是指查询一个一定不存在的数据,由于缓存是不命中时需要从数据库查询,查不到数据则不写入缓存...缓存雪崩 概念 大量的key设置了相同的过期时间,导致在缓存在同一时刻全部失效,造成瞬时DB请求量大、压力骤增,引起雪崩。 解决办法 从业务层面。...可以给缓存设置过期时间时加上一个随机值时间,使得每个key的过期时间分布开来,不会集中在同一时刻失效。 缓存击穿(并发) 概念 高并发系统,如果一个缓存失效,存在多进程同时查询DB,同时更新缓存。...这对缓存和DB都是比较大的挑战。...解决办法 使用互斥锁(mutex key): 这种解决方案思路比较简单,就是只让一个线程构建缓存,其他线程等待构建缓存的线程执行完,重新从缓存获取数据就可以了(如下图) ?

    2.4K20

    Redis缓存缓存穿透、缓存击穿、缓存雪崩

    ☘️解决思路 思路一:由于缓存穿透是因为缓存没有生效,是否可以针对DB不存在的数据设置缓存空值,让请求到缓存就OK。缓存的有效时间可以设置短点,如30s,避免误伤正常业务。...缓存击穿 缓存击穿是指数据库有,缓存没有的数据,大量请求访问这个缓存不存在的数据,最后请求打到DB可能导致DB宕机。...思路三:保证热点数据在缓存中,可以设置热点缓存数据永不过期;或者采用定时任务去定时刷新缓存数据与过期时间,保证缓存数据存在。...缓存雪崩 缓存雪崩是指数据库有,缓存没有的数据,大量请求访问这些缓存不存在的数据,最后请求打到DB可能导致DB宕机。...缓存一致性 缓存一致性指的是缓存与DB之间的数据一致性,我们需要通过各种手段来防止缓存与DB不一致,我们要保证缓存与DB的数据一致或者数据最终一致。 ☘️解决思路 思路一:先删除缓存再更新数据。

    12810

    Caffeine缓存 最快缓存 内存缓存

    二、缓存简介 (一)缓存对比 从横向对常用的缓存进行对比,有助于加深对缓存的理解,有助于提高技术选型的合理性。下面对比三种常用缓存:Redis、EhCache、Caffeine。...:缓存都是使用内存作为存储媒介的,各种缓存服务的区别如下:Caffeine是内存型缓存是指缓存与调用者属于同一个应用,准确的说属于同一个JVM;Redis是指另外一个独立进程的内存型,缓存数据存储在Redis...(二)本地缓存 本地缓存与分布式缓存对应,缓存进程和应用进程同属于一个JVM,数据的读、写在一个进程内完成。本地缓存没有网络开销,访问速度很快。...Caffeine是基于Guava Cache增强的新一代缓存技术,缓存性能极其出色。 1、Map JDK内置的Map可作为缓存的一种实现方式,然而严格意义来讲,其不能算作缓存的范畴。...(三)集成 1、引入依赖 如果无特别要求,使用较新SpringBoot的内置版本即可。

    3K30

    缓存穿透,缓存雪崩,缓存击穿

    缓存穿透 缓存穿透是指查询一个一定不存在的数据,即缓存和数据库中都没有的数据。...由于缓存不命中,并且出于容错考虑,如果从数据库查不到数据则不写入缓存,这将导致这个不存在的数据每次请求都要到数据库去查询,失去了缓存的意义。...id=-1 查询一条id为-1的数据 如何解决缓存穿透 一:对查询不到的数据也做缓存处理,只是过期时间设置短一些!...缓存击穿 缓存击穿是指缓存中没有但数据库中有的数据(一般是缓存时间到期),这时由于并发用户特别多,同时读缓存没读到数据,又同时去数据库去取数据,引起数据库压力瞬间增大,造成过大压力 如何解决缓存击穿 一...,但是缓存过期后,没有数据提供 如何解决缓存雪崩 分成事前,事中,事后三步骤 事前 一:错开设置过期时间(比如电商缓存商品可以对商品过期时间加一个随机因子,错开缓存过期时间) 发生缓存雪崩之前,事情之前

    1.7K30

    缓存雪崩、缓存穿透、缓存预热、缓存更新、缓存降级等问题!

    ,今天给大家整理一篇关于Redis经常被问到的问题:缓存雪崩、缓存穿透、缓存预热、缓存更新、缓存降级等概念的入门及简单解决方案。...一、缓存雪崩 缓存雪崩我们可以简单的理解为:由于原有缓存失效,新缓存未到期间(例如:我们设置缓存时采用了相同的过期时间,在同一时刻出现大面积的缓存过期),所有原本应该访问缓存的请求都去查询数据库了,而对数据库...(2)还有一个解决办法解决方案是:给每一个缓存数据增加相应的缓存标记,记录缓存的是否失效,如果缓存标记失效,则更新数据缓存,实例伪代码如下: ?...解释说明: 1、缓存标记:记录缓存数据是否过期,如果过期会触发通知另外的线程在后台去更新实际key的缓存; 2、缓存数据:它的过期时间比缓存标记的时间延长1倍,例:标记缓存时间30分钟,数据缓存设置为60...三、缓存预热 缓存预热这个应该是一个比较常见的概念,相信很多小伙伴都应该可以很容易的理解,缓存预热就是系统上线后,将相关的缓存数据直接加载到缓存系统。

    3.8K10

    缓存穿透、缓存雪崩、缓存热点

    摘要:本文主要讲解在使用缓存的过程中,经常出现的三个问题:缓存穿透、缓存雪崩、缓存热点。...1.概念 缓存穿透: 大多数缓存系统,都是以key-value的格式去存储数据的,当有个请求去查询某个key,但是这个key对应的value不存在,则这个请求就会到后端DB中查询;如果有人恶意去查询缓存中不存在的...缓存雪崩: 访问量很大的系统,一般都会用缓存服务,很多请求到达在缓存层拿到值后就返回了,这样有效的减轻了DB端的压力;但是如果,缓存服务挂掉了,那所有的请求都会直接打到DB层,数据库的压力瞬间就起来了,...这样DB很可能也挂掉了,这就是缓存雪崩。...缓存热点: 一般使用缓存时,策略如下:请求一个数据,如果缓存有,直接返回,如果缓存没有,就会去查询数据库,然后返回,同时,将此key和value缓存起来,设置一个过期时间;这样做有两个好处,不仅可以加快系统对外的响应速度

    1.3K50

    HTTP缓存——协商缓存缓存验证)

    客户端检查资源超过有效期、强缓存命中失败的情况下,则发出请求“询问”服务器是否资源真的过期了,询问的同时在请求头要携带着资源的「上次更新时间」或者「唯一实体标识」(不同http版本导致的共存问题)。...同时,客户端拿到新的资源及其修改时间与标识后,重新进行缓存。 概括如下图: 缓存验证 协商缓存就是缓存验证。 触发时机: 用户点击刷新按钮时会开始缓存验证。...此外,因为是按照内容不同来生成的唯一标识,中英文对应版本的资源,虽然地址相同,其Etag不同。 强弱Etag: ETag 中有强 ETag 值和弱 ETag 值之分。...Last-Modified和Etag的优缺点分析如下: Last-Modified优点 不存在版本问题,每次请求都会去服务器进行校验。...,所以起不到缓存的作用 Etag优点 可以更加精确的判断资源是否被修改, 可以识别一秒内多次修改的情况; 不存在版本问题,每次请求时都会去服务器进行校验。

    2.4K10

    Redis缓存雪崩、缓存穿透、缓存预热、缓存更新、缓存降级等问题

    一、缓存雪崩 由于原有缓存失效,新缓存未到期间,比如我们设置缓存时采用了相同的过期时间,在同一时刻出现大面积的缓存过期,所有原本应该访 问缓存的请求都去查询数据库了,而对数据库CPU和内存造成巨大压力,...(2)还有一个简单方案就时将缓存失效时间分散开。 二、缓存穿透 缓存穿透是指用户查询数据,在数据库没有,自然在缓存中也不会有。...这样就导致用户查询的时候,在 缓存中找不到,每次都要去数据库再查询一遍,然后返回空(相当于进行了两次无用的查询)。这样请求就绕过缓存直接查数据库,这也是经常提的缓存命中率问题。...三、缓存预热 缓存预热这个应该是一个比较常见的概念,相信很多人都应该可以很容易的理解,缓存预热就是系统上线后,将相关的缓存数据直接加载到缓存系统。...用户直接查询事先被预热的缓存数据 解决办法 (1)直接写个缓存刷新页面,上线时手工操作下; (2)数据量不大,可以在项目启动的时候自动进行加载; (3)定时刷新缓存; 四、缓存更新 除了缓存服务器自带的缓存失效策略之外

    2.2K20

    Silverlight:xap包(或本地缓存)下载版本更新的解决思路

    在SL开发中,通常会将项目按模块分成多个xap实现按需下载,但是由于浏览器的缓存,就算某个模块代码修改过并重新发布到服务器,如果这个xap已经在浏览器缓存中,实际加载时,仍然有可能调用的是本地缓存,而非最新的版本...自动生成版本号的问题解决了,SL如何使用服务端的这个版本号呢?...得到服务端的版本号ServerVersion 3、对比二个版本号,声明一个变量,取二个版本号的最大值,保存在MaxVersion中。...以上思路,不仅仅适用于处理XAP的按需加载,同步也适用于独立存储中的缓存数据,有时候我们会把一些不经常更新的数据以文件形式保存在客户端本地作为数据缓存,同样也会遇到版本更新的问题。...解决的方法很简单: 类似以上的做法,在缓存文件的第一行记录版本号,然后在调用本地缓存之前,取服务端版本号对比,如果发现服务端的版本更新,则更新本地缓存,否则直接使用本地缓存

    1K70

    缓存穿透、缓存击穿、缓存雪崩概念及解决方案缓存穿透缓存雪崩缓存击穿

    缓存穿透 概念 访问一个不存在的key,缓存不起作用,请求会穿透到DB,流量大时DB会挂掉。...解决方案 采用布隆过滤器,使用一个足够大的bitmap,用于存储可能访问的key,不存在的key直接被过滤; 访问key未在DB查询到值,也将空值写进缓存,但可以设置较短过期时间。...缓存雪崩 概念 大量的key设置了相同的过期时间,导致在缓存在同一时刻全部失效,造成瞬时DB请求量大、压力骤增,引起雪崩。...解决方案 可以给缓存设置过期时间时加上一个随机值时间,使得每个key的过期时间分布开来,不会集中在同一时刻失效。...缓存击穿 概念 一个存在的key,在缓存过期的一刻,同时有大量的请求,这些请求都会击穿到DB,造成瞬时DB请求量大、压力骤增。

    3.2K80

    Redis的缓存雪崩、缓存击穿、缓存穿透与缓存预热、缓存降级

    ② 分级缓存:第一级缓存失效的基础上,访问二级缓存,每一级缓存的失效时间都不同。 ③ 热点数据缓存永远不过期。...缓存的高可用,防止Redis宕机导致缓存雪崩的问题。...二、缓存击穿: 1、什么是缓存击穿: 缓存击穿跟缓存雪崩有点类似,缓存雪崩是大规模的key失效,而缓存击穿是某个热点的key失效,大并发集中对其进行请求,就会造成大量请求读缓存没读到数据,从而导致高并发访问数据库...而对于空数据的key有限的,重复率比较高的,则可优先采用第一种方式进行缓存。 四、缓存预热: 1、什么是缓存预热: 缓存预热是指系统上线后,提前将相关的缓存数据加载到缓存系统。...五、缓存降级: 缓存降级是指缓存失效或缓存服务器挂掉的情况下,不去访问数据库,直接返回默认数据或访问服务的内存数据。降级一般是有损的操作,所以尽量减少降级对于业务的影响程度。

    1.4K20

    Redis缓存雪崩、缓存击穿、缓存穿透 及 常见缓存模式

    一、缓存雪崩 1、什么是缓存雪崩?...如果缓存集中在一段时间内失效,发生大量的缓存穿透,所有的查询都落在数据库上,造成了缓存雪崩 由于原有缓存失效,新缓存未到期间所有原本应该访问缓存的请求都去查询数据库了,而对数据库CPU和内存造成巨大压力...可以通过缓存reload机制,预先去更新缓存,再即将发生大并发访问前手动触发加载缓存不同的key 3、双层缓存策略 C1为原始缓存,C2为拷贝缓存,C1失效时,可以访问C2,C1缓存失效时间设置为短期,...C2设置为长期 4、定时更新缓存策略 实效性要求不高的缓存,容器启动初始化加载,采用定时任务更新或移除缓存 5、设置不同的过期时间,让缓存失效的时间点尽量均匀 二、缓存击穿 1、什么是缓存击穿?...后面的线程进来发现已经有缓存了,就直接走缓存 三、缓存穿透 1、什么是缓存穿透? 缓存穿透是指用户查询数据,在数据库没有,自然在缓存中也不会有。

    1.6K40

    缓存击穿、缓存穿透与缓存雪崩

    缓存是计算机系统中应用非常广泛的技术,最经典的,操作系统中处处是缓存缓存可以大大提升数据访问速率。...引入缓存之后又会面临三个新的问题,即缓存击穿、缓存穿透以及缓存雪崩。...当返回空对象的请求到达时,缓存一个空对象,这样下一次同样的请求到达,就会查询缓存,而不会访问后端数据库。缺点就是,如果缓存大量空对象,占用了缓存的空间。 布隆过滤器。...缓存雪崩 缓存雪崩是指为一批缓存key设置了相同的过期时间,那么当这个过期时间到达时,这些缓存key同时失效,从而导致大量的访问涌入后端数据库,造成后端数据库压力陡然增大,形成缓存雪崩。...有两种情况会造成缓存雪崩: 多个缓存key同时过期 缓存系统宕机 如何解决缓存雪崩? 解决大批key同时过期: 设置多级缓存,这样即使缓存失效或者多个缓存key同时过期,也不会造成缓存雪崩.

    24510

    缓存穿透、缓存击穿和缓存雪崩

    作者 | xiaowei123 出处 | https://0x9.me/Lg9yp 在Redis缓存中有三个必须要知道概念:「缓存穿透、缓存击穿和缓存雪崩。」 缓存穿透 什么是缓存穿透呢?...o(╥﹏╥)o 一般我们可以想到从缓存开始出发,想如果我们给缓存设置一个如果当前数据库不存在的信息,把它缓存成一个空对象,返回给用户。...「那接下来,二哈先解释下这两种方案:」 缓存空对象 缓存空对象它就是指一个请求发送过来,如果此时缓存中和数据库都不存在这个请求所要查询的相关信息,那么数据库就会返回一个空对象,并将这个空对象和请求关联起来存到缓存中...这时候,我们就会问了呀 ~,如果大量不存在的请求过来,那么这时候缓存岂不是会缓存许多空对象了吗~~~ 没错哦!...「(2)限流降级」 在缓存失效后,通过加锁或者队列来控制读数据库写缓存的线程数量,对某个key只允许一个线程查询数据和写缓存,其他线程等待。

    1.5K31
    领券