一种前端本地大容量数据缓存的处理方法、装置及可读存储介质制造方法及图纸

本申请提供了一种前端本地大容量数据缓存的处理方法、装置及可读存储介质，其特征在于，包括：S1、判断本地项目缓存数据容量是否大于预设值；S2、如果本地项目缓存数据容量大于预设值，则将本地项目大容量数据缓存到localStorage并设置第一有效期；S3、判断本地项目缓存大容量数据的时间是否超过第一有效期，如果所述缓存时间超过第一有效期，则对本地项目大容量数据进行第一更新；S4、如果所述缓存时间未超过第一有效期，则基于大容量数据查询选择本地项目。本发明专利技术满足了大容量数据缓存的场景需要并设置规定的有效期，新增了一种场景的本地缓存，满足了大容量数据有效时间缓存的需要。存的需要。存的需要。

【技术实现步骤摘要】
一种前端本地大容量数据缓存的处理方法、装置及可读存储介质


[0001]本专利技术涉及前端项目缓存的
，尤其涉及一种前端本地大容量数据缓存的处理方法、装置及可读存储介质。

技术介绍

[0002]目前，前端H5页面项目在某些场景下，前端需要有选择的选择框，而枚举项是通过接口查询回来的，这个接口数据量比较大，且数据不经常变化，如果每次都请求会比较耗时且意义不大。为了提高效率，可以将首次请求回来的数据缓存起来，后续可以使用缓存中的枚举项。目前，前端常用本地缓存主要有cookie、localStorage、sessionStorage。以上3中缓存的有效时间是不同的，cookie可以灵活的设置过期时间；localStorage永久有效；sessionStorage是一种会话级别的缓存，会随浏览器或页签的关闭而清除，Cookie的有效时间虽然可以配置，但是其大小受限制，上限为4k。当我们需要缓存大容量且有效期的大容量数据时，现有技术无法满足有效期设置的需要，而对于前端查询时候也不可能永久保存缓存的数据，需要对缓存的数据进行更新。<br/>[0003]本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种前端本地大容量数据缓存的处理方法，其特征在于，包括：S1、判断本地项目缓存数据容量是否大于预设值；S2、如果本地项目缓存数据容量大于预设值，则将本地项目大容量数据缓存到localStorage并设置第一有效期；S3、判断本地项目缓存大容量数据的时间是否超过第一有效期，如果所述缓存时间超过第一有效期，则对本地项目大容量数据进行第一更新；S4、如果所述缓存时间未超过第一有效期，则基于大容量数据查询选择本地项目。2.根据权利要求1所述的方法，其特征在于，如果本地项目缓存数据容量不大于预设值，则将本地项目数据缓存到cookie。3.根据权利要求1所述的方法，其特征在于，所述第一有效期可以动态更新，所述动态更新包括增加、减少或变更有效期；所述第一更新包括删除、替换、增加大容量数据。4.根据权利要求1所述的方法，其特征在于，所述S2还包括将本地项目大容量数据缓存到localStorage时添加时间信息。5.根据权利要求1所述的方法，其特征在于，所述S2还包括将本地项目大容量数据通过键值对的方式缓存。6.根据权利要求1所述的方法，其特征在于，所述S3包括：S31、获取当前时间与缓存大容量数据的初始时间；S32、根据当前时间与初始时间计算缓存大容量数据的时间；S33...

【专利技术属性】
技术研发人员：郑玮，
申请(专利权)人：中信百信银行股份有限公司，
类型：发明
国别省市：