怎样让前端界面自动清理js、css文件的缓存-木庄网络博客

怎样让前端界面自动清理js、css文件的缓存

2022-02-07 09:54:51 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者php中世界最好的语言，侵删。

在web项目开发过程中，我们经常会引用css、js文件，更新文件后常出现缓存问题（明明更改了代码，在浏览器上访问的时候却没有发生变化），这种情况我们通常采用以下两种解决方案：

1、手动清除浏览器缓存

2、添加版本号（如 layout.css?v=1）

个人认为方法2更快，因为清除浏览器缓存还要等浏览器响应。但是每次更改版本号也很麻烦，所以需要想办法自动添加版本号，

以下是本人收集的方法：

方法一：可以通过js自动给html添加版本号

<script type="text/javascript"> 
document.write("<link rel='stylesheet' type='text/css' href='/css/layout.css?v="+new Date().getTime()+"'>");  
</script>

方法二：若是jsp页面，可以使用java代码生成时间戳（若是jsp页面用方法一也行，但此方法更方便）

1	`<link` `rel="stylesheet"` `type="text/css"` `href="/css/layout.css?v=<%=System.currentTimeMillis() %>">`

方法三：使用其他的方法添加版本号，如用node.js自动配置等

阅读剩余部分

相关阅读 >>

分享javascript spread运算符的10种用法

详解js中值传递和引用传递的区别

css写在html里面吗？

javascript中如何使用prompt方法

用canvas+gif.js实现数字雨头像的方法

更多相关阅读请进入《javascript》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » 怎样让前端界面自动清理js、css文件的缓存

怎样让前端界面自动清理js、css文件的缓存

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论