js清除缓存方式

问题:

            用户第一次访问网站时,浏览器会记录网站的所有信息,还有把访问的内容,包括:css/js/img/存放在缓存里面,以便用户再次访问该网站时,能快速调用本地已有的数据。那么就会出现一个问题,就是网站源代码(css/js/img)已经更新了好几个版本,用户没有刷新,那么浏览器会一直使用缓存中的样式。导致用户体验很不友好。

           一般我们开发在做开发与测试的时候,会清理缓存,或者强制刷新。但是作为用户,是不知道这个操作的。那么开发人员就要着重解决这个不必要出现的问题。

解决方法有多种:

            常用的就是在html的head里面的.css/.js文件后缀加?t=,那就是.css?t=/.js?t=,浏览器会自动识别这个是新的版本号,那么就会完全覆盖缓存中的old file。。相当于刷新

知识点:

            .css?t=/.js?t,   "?t=20180403"这就是随机取得一个数值。参数

拓展知识:

            浏览器缓存。浏览器缓存的使用是可控制的,那么就是说,针对不同需求的网站,我们前端开发必须要知道如何控制缓存。举例说明:很多商城网站内容长期不要变换的,那就需要缓存。而对于要实时更新的网站,比如股票类网站,不需要缓存。那就要人为隔离掉缓存。

清理缓存的几种方法:

meta方法

<META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> <META HTTP-EQUIV="expires" CONTENT="0">
<meta http-equiv="pragma"  content="no-cache">//

<meta http-equiv="Cache-Control" content="no-cache,must-revalidate">

<meta  http-equiv="expires" content="0" >

注释: pragma / pr'ae'gma / 杂注,编译指示;

            revalidate / riv'ae'lideite / 使重新生效,使重新有法律效应

            expires / eksp'ai'e / 截至日期,到期,断气。

猜你喜欢

转载自blog.csdn.net/qq_39241421/article/details/79803020
今日推荐