给页面中的js和css 添加版本号

思路什么的就是在向服务器发起请求下载这些静态文件前已经把版本号加上去了

1、给css文件添加版本号

var now=new Date().getTime();
linkHrefs=['../css/checkbox.css','../css/combo.select.css','../css/jedate.css']
 for(var i=0;i

2、给js文件添加版本号

    var nowL=new Date().getTime();
      scriptSrc=["../js/jquery-1.8.3.min.js","../js/vue.js","../js/moduleTest.js","../js/jquery.jedate.js"]
      for(var i=0;i

 

现在js 和css 的版本号都已经添加上去了，做了修改之后用户不需要强制刷新就能获取到最新的代码，呈现最新效果。

3、按顺序加载js文件

版本号是顺利的添加上去了，但是又发现了新的问题，某些时候js文件是有前后依赖关系的，需要按顺序加载到页面中。

方法一 

Firefox Chrome 和Safari 会在

方法三

LABjs

LABjs 允许使用wait()方法来指定哪些文件需要等待其他文件。

三种方法总结：

 

如果多个文件的下载顺序很重要，更好的解决方式是把它们按照正确顺序合并成一个文件。