HTML 5 Web 存储 与 应用缓存

页面缓存: 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发送时机

 

转载于:https://www.cnblogs.com/ccnNL/p/8540215.html