目录

---

客户端存储的说明

---

---

HTML5存储的说明

---

四种传统的存储方法

---

四种传统的存储方法

• cache（缓存）

• 数据库

• 磁盘文件

• 内存

注意：

• 内存——频繁的去使用去读取的放在内存

• nodejs+mogoDB 数据库存储 也经常用到

cookies

---

cookies

• http请求头 会显得臃肿 而且效率相对较低

• 4kb的大小 能存储的比较有限

• 主Domain污染 反问记录或者http请求的时候，会带着主域名的东西，这样随意去存取得话，会造成主域名的污染

主域名的cookies会被追加到子域名的cookies里面，造成多极域名的cookies会变得很臃肿

---

举例：百度首页

HTML5的存储

---

H5的存储要解决的问题

---

---

1.HTML5本地存储------localstorage

---

• localstorage 不删除就永不消失

• sessionstorage 重新打开页面或者关闭浏览器就消失了

---

localStorage浏览器支持情况

---

---

localStorageAPI使用方法

---

---

localStorage能存储的东西

---

---

localStorage一个存储图片的例子

---

---

localStorage注意事项

---

---

localStorage使用限制

---

---

localStorage过期控制的一个例子

---

过期控制使用场景

---

localStorage本地存储与网络拉取的对比

---

---

2.IndexedDB

---

---

IndexedDB浏览器支持

---

• w3c已不再维护Web SQL.

• IndexedDB在移动端支持的不是太好。

---

IndexedDB存储结构

---

---

IndexedDB的实际操作

---

---

3.离线缓存

---

离线缓存的概念

---

---

离线缓存的原理

---

---

离线缓存的浏览器支持情况

---

---

离线缓存的使用方法

---

---

离线缓存中manifest的注意事项，优缺点以及试用场景

---

注意事项：

优点：

缺点：

试用场景：

---

一些非主流的存储方式

---

userData:

goohle Gears

---

总结：

---

---

HTML5应用缓存和Web Works

---

应用缓存

---