本地存储js和css文件
往往我们在许多项目中都会使用许多第三方的插件和库（比如：jquery bootstrap等）,还有我们自己所写的js文件和css文件，当一个项目的js和css文件大到一定程度之后，用户每次打开网页都会重新请求http，向后台请求这些文件，虽然浏览器有一定的缓存能力，但是当我们所使用的js和css文件过多的时候也会造成http请求数目的增多，用户等待的时间变长。
我在最近的项目中就遇到了这样的问题，所以在网上找了一些资料，也学习了一下html5的localstorage,发现利用localstorage就可以做到本地存储文件的目的，改善用户体检。
于是自己封装了一个小插件：
基本用法：
<script> //引入js： local.load.loadJs(name, url, version, callback); //引入css： local.load.loadCss(name, url, version);</script>参数说明：
name:引入文件的名称
url:引入文件的路径
version:文件版本号
callback:回调函数
实例：
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<title>Document</title>
</head>
<body>
<div id=”box1″>12345</div>
</body>
<script src=”js/localstor.js”></script>
<script type=”text/javascript”>
//入口配置
local.load.loadJs(“jquery”, “js/jquery.min.js”,1,
function () {
local.load.loadJs(“app”, “js/app.js”,1, function() {
local.load.loadJs(“index”, “js/index.js”,1,null);
});
});
local.load.loadCss(“css”, “css/app.css”, 1);
</script>
</html>
在这个实例中我引入了3个js文件和1个css文件，当用户第一访问的时候浏览器会把这4个文件都请求并用localstorage保存到本地：
当用户再次再访问的时候之前所加载过的4个文件就不会再向服务器请求了：
由于js文件的引用会有先后之分，所以先引入的js文件要放在 最外层引入。
目前我定义的这四个文件的版本号都为1，当我们修改了这四个文件种的某一个的时候只需要修改一下版本号，浏览器就会再请求该文件保存到本地。
项目和源码地址：https://files.cnblogs.com/files/Dong-Ge/localstor-master.zip
