[发明专利]一种前端资源的缓存更新方法及计算机设备

说明书

本发明提供一种前端资源的缓存更新方法，从缓存中获取的页面对象的时间戳以及间隔时间；将当前时间减去时间戳，若是小于间隔时间，则不对页面对象做改变；若是大于等于间隔时间，则对页面对象内的参数名进行修改，将所述时间戳更新为当前时间，并判断页面对象引用的url是否改变，若改变，则进行更新；本发明还提供过一种计算机设备，掌握资源更新的主动权，也可以兼顾到缓存的使用提升用户体验。

技术领域

本发明涉及一种前端资源的缓存更新方法及计算机设备。

背景技术

前端开发的过程种经常会遇到这样的问题，前端的图片是来自后台的的，后台的图片替换掉，页面资源还是没有更新到最新，必须在调试工具清除缓存才能看到新的。

有时候页面从浏览器删除了以后，再打开图片都是重新加载的，就能看到服务器上的最新图片。但有的时候却不生效，也用手机管家清理了浏览器缓存，打开之后图片还是从缓存里读取的，而且就算把服务器上的图片删了，浏览器打开之后还是能加载出来图片。

有些广告宣传的图片或者视频等静态资源的不确定性是常态，经常版本上线了，还面临着频繁修改资源。由于页面性能的考虑，和页面的发布机制，我们不能将有可能变动的、内存占用大的资源放在主程序包里，也不能因为一张图片的修改重新发布程序。但如果是通过url请求资源，由于路径名称不变，触发了浏览器的缓存机制，这种缓存机制在不同的手机客户端、不同的机型上的表现不一致，也为我们增添了许多烦恼。

发明内容

本发明要解决的技术问题，在于提供一种前端资源的缓存更新方法及计算机设备，掌握资源更新的主动权，也可以兼顾到缓存的使用提升用户体验。

本发明之一是这样实现的：一种前端资源的缓存更新方法，包括：

步骤1、从缓存中获取的页面对象的时间戳以及间隔时间；

步骤2、将当前时间减去时间戳，若是小于间隔时间，则不对页面对象做改变；若是大于等于间隔时间，则对页面对象内的参数名进行修改，将所述时间戳更新为当前时间，并判断页面对象引用的url是否改变，若改变，则进行更新。

进一步地，所述步骤2中对页面对象内的参数名进行修改进一步具体为：将页面对象内的参数名并拼接上‘&timestamp’+timestampStr。

进一步地，所述步骤1进一步具体为：在页面生成并且产生DOM节点前，从缓存中获取的页面对象的时间戳以及间隔时间。

进一步地，所述步骤1进一步具体为：在页面生成并且产生DOM节点前，从缓存中获取的页面对象的时间戳以及间隔时间，若所述时间戳为空，则设置当前时间为时间戳，若所述间隔时间为空，则设置间隔时间为十分钟。

本发明之二是这样实现的：一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现以下步骤：

步骤1、从缓存中获取的页面对象的时间戳以及间隔时间；

步骤2、将当前时间减去时间戳，若是小于间隔时间，则不对页面对象做改变；若是大于等于间隔时间，则对页面对象内的参数名进行修改，将所述时间戳更新为当前时间，并判断页面对象引用的url是否改变，若改变，则进行更新。

进一步地，所述步骤2中对页面对象内的参数名进行修改进一步具体为：将页面对象内的参数名并拼接上‘&timestamp’+timestampStr。

进一步地，所述步骤1进一步具体为：在页面生成并且产生DOM节点前，从缓存中获取的页面对象的时间戳以及间隔时间。

进一步地，所述步骤1进一步具体为：在页面生成并且产生DOM节点前，从缓存中获取的页面对象的时间戳以及间隔时间，若所述时间戳为空，则设置当前时间为时间戳，若所述间隔时间为空，则设置间隔时间为十分钟。