前端静态js、css⽂件⾃动增加版本号⽅法
⾸先为什么要加这个版本号呢？
  因为浏览器会的缓存机制会缓存你的js与css代码，当然，这本是浏览器本意为了减少加载时间优化⽤户体验，但是也因为缓存机制的存在，在页⾯刷新的时候浏览器会去拿存在浏览器缓存内部的js和css代码，这就可能造成我们开发⼈员在更新代码的时候，会被浏览器的缓存机制给坑⼀把，不能展⽰最新的样式或者⾏为事件，为了使每⼀次页⾯重新加载的都是我们最新版的代码，所以就想到⽤版本号来区分每⼀次加载：
1    <!-- 所有主流浏览器都⽀持 data-* 属性。定义和⽤法 data-* 属性⽤于存储页⾯或应⽤程序的私有⾃定义数据 -->
css最新2    <!-- 先在所有的script或style内部加上data-属性 -->
3    <script data-src="scroll.js" type="text/javascript" charset="utf-8"></script>
4    <script type="text/javascript">
5var scr = ElementsByTagName("script");
6for (var i = 0; i < scr.length; i++) {
7// getAttribute("data-*")⽅法获取元素data-*的内容后跟版本号即可
8// 最常见的版本号就是时间戳了，当然想⽤什么应该都是可以的
9            scr[i].src = scr[i].getAttribute("data-src") + "?t=" + new Date().getTime()
10        }
11    </script>
  scroll.js内部代码：
1// 凑凑字数，看起来不那么L
2var a, b, c, d;
3
4 a = 10;
5 b = 5;
6 c = 2;
7 d = 1;
8 console.log(a + b + c + d)
9 console.log(123456789)
  然后看结果：
  完美收⼯，记下来，以后⽤，若有错欢迎来打脸。
                                                                  字太难看，不想动笔，此章为印，加深记忆，往后若遇，来此考古。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。