静态资源（JS/CSS）存储在localStorage

二、浏览器缓存

对于静态资源来说，浏览器不会缓存html页面的，所以你每次改完html的页面的时候，html都是改完立即生效的，不存在什么有缓存导致页面不对的问题。浏览器缓存的东西有图片、css和js。这些资源将在缓存失效前调用的时候调用浏览器的缓存内容。

header中如果expires的时间为-1，那么缓存会立即失效。如果是一个将来时间，那么它将在将来时间失效

header，Cache-Control: no-cache header，这样浏览器就不会缓存静态资源了，每次取数据的时候都去服务器上重新获取。

另外一种方式就是让你的静态资后缀加上一个版本号<link rel="stylesheet" type="text/css" href="../css/index.css?version=20150815"/>如果这个version有改变的话，下次就会重新获取这个静态资源。

不设置这些参数，浏览器通过header中Last-Modified控制缓存失效 ，这个是由服务器自动加上的，如果有这个参数，那么浏览器每次都会重新计算本地的cache。如果浏览器返回一个304（自从上次请求后，请求的网页未修改过。服务器返回此响应时，不会返回网页内容），那么浏览器就可以使用本地的cache。

• 兼容性好
• 网速慢，LS读取+eval大多数情况下快于304
• webapp不需要seo，css也可以缓存，再通过js加载
• 浏览器缓存经常会被清理，LS被清理的几率低一些

取出localstorage的代码不一定要eval，eval函数很有可能影响整个js文件的压缩（出现eval之后不能对变量名进行替换）,可以通过一些hack避免这种压缩问题。

var script = document.createElement('script');
var code = '!function(){' + getCodeFromLocalStorage() + '\n}();';
script.appendChild(document.createTextNode(code));
document.head.appendChild(script);