网页静态文件引入时间戳的讲解

在各大浏览网站中，打开f12后，可以看到在网页中引入js、css等静态文件时，后面都会带有一些时间戳或者版本号啥的。

例如：

<script src="a.js?version=20200813" type="text/javascript"></script>
<script src="a.js?v=20200813" type="text/javascript"></script>

为什么要这样写呢？

分析：

      由于，网站浏览器中对于静态文件会有一个缓存。如果，在tomcat或者其他服务器上部署了网站，但是，本地修改了js、css等静态文件，浏览器中会有缓存，这样就会使用缓存的静态文件。
      注意：这时候需要手动去清除浏览器上的缓存才会把新的静态文件加载出来使用。

      为了解决这个问题，可以在引用静态文件的时候，在其后面添加时间戳来告诉浏览器下载新的js等文件来用。

      由于，浏览器缓存的时候是根据URL来作为存储单位的，所以，这样再自己修改了js等静态文件的时候，接着去修改引入文件后面的时间戳，就会告诉浏览器使用新的静态文件。


添加时间戳手段：

• 每次更新完js等静态文件的时候，手动去修改引入文件后面的时间戳。
• 设置时间戳的时候，使用的是获取当前系统的时间，一般获取年月日，如果是更新很频繁的，可以获取到时分秒。