页面缓存: html、JS、CSS等,这些缓存资源是由于浏览器的行为而产生;
数据缓存
----------AppCache: Cache Manifest 操作； 需要服务器 与 客户端 相互配合； 所有的缓存数据都由开发者直接完全地掌控。
----------DOM Storage（Web Storage）： local storage； session storage； 存储一些简单的用key/value对即可解决的数据。
HTML5 提供了两种在客户端存储数据的新方法：
- localStorage - 没有时间限制的数据存储-------是在本地硬盘存贮
- sessionStorage - 针对一个 session 的数据存储
之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储（cookie存贮大小是在4kb左右），因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。不推荐cookie存贮重要敏感的数据，不同页面传值可以通过cookie操作；cookie伴随http请求，自动发送服务器，brower关闭，cookie消失；
cookie：同域共享，跨域不行；同域要访问其他页面cookie、还要保证cookie设置页面跟所在页面在同一文件目录结构，平级；
原生js操作cookie: document.cookie="key=value; key=value"
jquery: $.cookie("key","value",{path:""}) ------ { }path：设置cookie访问路径，‘/’ 整站文件都可访问cookie，path设置该路径下的所有文件都能访问cookie，还可以设置cookie有效期：expires，值是个Date实例 ；max-age:最大期限（多少秒之后过期） 秒做单位；
跨域（两个网站共享主机）访问cookie 用 domain设置，使得domain设置的目录以下的所有目录都能访问cookie
secure：指定cookie发送时机