这篇文章主要为大家展示了“HTML5中Web缓存和运用程序缓存的示例分析”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“HTML5中Web缓存和运用程序缓存的示例分析”这篇文章吧。
创新互联建站专注于网站建设|
网站维护公司|优化|托管以及网络推广，积累了大量的网站设计与制作经验，为许多企业提供了网站定制设计服务，案例作品覆盖
成都PE包装袋等行业。能根据企业所处的行业与销售的产品，结合品牌形象的塑造，量身开发品质网站。
session：
由于HTTP是无状态的，你是谁？你干了什么？抱歉服务器都是不知道的。
因此session（会话）出现了，它会在服务器上存储用户信息以便将来使用（比如用户名称，购物车购买商品等）。
但是session是临时的，用户离开网站将被删除。如果要永久存储信息，可以保存在数据库中！
session工作原理：为每个用户创建一个session id（核心！！！）。而session id是存储在cookie中的，也就是说如果浏览器禁用了cookie，那么session会失效！（但是可以通过其它方式实现，如：通过URL传递session id）
用户验证一般采用session。
cookie：
目的：网站标记用户身份而存储在本地客户端的数据（通常经过加密）。
用户访问网页时，名字记录在cookie中；
下次继续访问该网页时，可以从cookie中读取用户访问记录。
cookie会在同源的http请求携带（即使不需要），即在客户端和服务器之间来回传递！
cookie的数据大小不超过4k
cookie的有效期：设置的cookie有效时间之前一直有效，即使浏览器关闭！
localStorage & sessionStorage：
早期，本地缓存普遍使用的是cookie，但是web存储需要更安全、更快速！
这些数据不会保存在服务器上（存储在客户端），不会影响服务器性能！
sessionStorage和localStorage数据存储也有大小限制，但却比cookie大得多，可以达到5M甚至更大！
localStorage：没有时间限制的数据存储！
sessionStorage：由英文意思也可知，它是对session的数据存储，所以在用户关闭浏览器（标签页/窗口）后，数据被删除！
HTML5 web存储支持情况：
IE8以上，现代浏览器。
数据以键值对存储：
localStorage和sessionStorage都有以下几个方法：
localStorage.setItem(key,value)：设置（保存）数据；相当于localStorage.key=value!
localStorage.getItem(key)：获取数据
localStorage.removeItem(key)：删除单个数据
localStorage.clear()：删除所有数据
localStorage.key(index)：获取某个索引的键值
web storage
