首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js缓存更新提案

2013-11-08 
js缓存更新方案遇到的问题:在访问量比较大的系统中,我们需要将一些静态的文件在客户端缓存,以减少下载的流

js缓存更新方案
遇到的问题:
        在访问量比较大的系统中,我们需要将一些静态的文件在客户端缓存,以减少下载的流量,从而加快客户端访问的速度。但是缓存会带来一个问题,就是如何在服务端更新完文件之后,客户端能够及时得到更新。
解决思路:
1.在一个配置文件中维护js文件map;
2.在页面中通过js map的key来动态加载js文件;
3.在js文件做出变动之后,只要修改相应js的版本号
实例:
1.在一个配置文件(config.js)中维护js文件map(注意:config.js是不缓存的,每次更新)

<script src=config.js></script><script>loadJS("edit");</script>//根据传入的key,动态生成js加载语句function loadJS(sKey) {        var node = JSHash[sKey];        for(var i =0;i < node.length; i ++) {                document.writeln('<script src="'+node[i].url+'?version='+node[i].version+'"><\/script>');        }}//--></script>

             
3.在js文件做出变动之后,只要修改相应js的版本号即可.这样由于链接不一样了,就会对这个变动的js进行重新下载。其他js由于链接不变,所以仍旧使用缓存中的js.

热点排行