在 HTML5 类型之前，存储主要是用 cookies 。但cookies也有缺点：
在请求头上带着数据；
巨细是 4k 之内；
主 Domain 污染；
cookies 的主要应用：购物车、客户登录。
由于存在这么多缺点，因此我们需要办理以下问题：
办理 4k 的巨细问题；
办理请求头常带存储信息的问题；
办理干系型存储的问题；
跨欣赏器；
HTML5的5种存储方法1. 当地存储 localstorage
存储方法：
以键值对( Key-Value)的方法存储，永久存储，永不失效，除非手动删除。
巨细：每个域名5M。
支持环境：
留意：IE9 localStorage 不支持当地文件，需要将项目署随处事器，才可以支持！
检测要领：
if(window.localStorage){ alert('This browser supports localStorage'); }else{ alert('This browser does NOT support localStorage'); }
常用API：
取记录: getItem；
配置记录：setIten；
移除记录：removeItem；
取 key所对应的值：key；
排除记录：clear；
存储的内容：
数组，图片，json，样式，剧本。。。（只要是能序列化成字符串的内容都可以存储）。
2. 当地存储 sessionstorageHTML5 的当地存储 API 中的 localStorage 与 sessionStorage 在利用要领上是沟通的，区别在于 sessionStorage 在封锁页面后即被清空，而 localStorage 则会一直生存。
3. 离线缓存 application cache当地缓存应用所需的文件。
利用要领：
需要设置 manifest 文件
<!DOCTYPE HTML> <html manifest="demo.appcache"> ... </html>
Manifest 文件：
manifest 文件是简朴的文本文件，它奉告欣赏器被缓存的内容（以及不缓存的内容）。
manifest 文件可分为三个部门：
1.1 CACHE MANIFEST - 在此标题下列出的文件将在首次下载后举办缓存；
1.2 NETWORK - 在此标题下列出的文件需要与处事器的毗连，且不会被缓存；
1.3 FALLBACK - 在此标题下列出的文件划定当页面无法会见时的回退页面（好比 404 页面）；
完整demo：
CACHE MANIFEST # 2016-07-24 v1.0.0 /theme.css /main.js NETWORK: login.jsp FALLBACK: /html/ /offline.html
处事器上：
manifest 文件需要设置正确的 MIME-type ，即 “text/cache-manifest”。
如 Tomcat:
<mime-mapping> <extension>manifest</extension> <mime-type>text/cache-manifest</mime-type> </mime-mapping>
常用API：
焦点是 applicationCache 工具，有个 status 属性，暗示应用缓存的当前状态：
0（UNCACHED） : 无缓存， 即没有与页面相关的应用缓存
1（IDLE） : 闲置，即应用缓存未获得更新
2 （CHECKING） : 查抄中，即正在下载描写文件并查抄更新
3 （DOWNLOADING） : 下载中，即应用缓存正在下载描写文件中指定的资源
4 （UPDATEREADY） : 更新完成，所有资源都已下载完毕
5 （IDLE） : 废弃，即应用缓存的描写文件已经不存在了，因此页面无法再会见应用缓存
相关事件：
暗示应用缓存状态的改变。
checking : 在欣赏器为应用缓存查找更新时触发
error : 在查抄更新或下载资源期间发送错误时触发
noupdate : 在查抄描写文件发明文件无变革时触发
downloading : 在开始下载应用缓存资源时触发
progress：在文件下载应用缓存的进程中一连不绝地下载地触发
updateready : 在页面新的应用缓存下载完毕触发
cached : 在应用缓存完整可用时触发
Application Cache 的三个优势：
① 离线欣赏
② 晋升页面载入速度
③ 低落处事器压力
留意事项：
1. 欣赏器对缓存数据的容量限制大概不太一样（某些欣赏器配置的限制是每个站点 5MB）
2. 假如manifest文件，可能内部罗列的某一个文件不能正常下载，整个更新进程将视为失败，欣赏器继承全部利用老的缓存
3. 引用manifest的html必需与manifest文件同源，在同一个域下
4. 欣赏器会自动缓存引用manifest文件的HTML文件，这就导致假如改了HTML内容，也需要更新版本才气做到更新。
5. manifest文件中CACHE则与NETWORK，FALLBACK的位置顺序没有干系，假如是隐式声明需要在最前面
6. FALLBACK中的资源必需和manifest文件同源
7. 更新完版本后，必需刷新一次才会启动新版本（会呈现重刷一次页面的环境），需要添加监听版才干件。
8. 站点中的其他页面纵然没有配置manifest属性，请求的资源假如在缓存中也从缓存中会见
9. 当manifest文件产生改变时，资源请求自己也会触发更新
离线缓存是针对整个应用，欣赏器缓存是单个文件
离线缓存断网了照旧可以打开页面，欣赏器缓存不可
离线缓存可以主动通知欣赏器更新资源
4. Web SQL干系数据库，通过SQL语句会见。
Web SQL 数据库 API 并不是 HTML5 类型的一部门，可是它是一个独立的类型，引入了一组利用 SQL 操纵客户端数据库的 APIs。
支持环境：
Web SQL 数据库可以在最新版的 Safari, Chrome 和 Opera 欣赏器中事情。
焦点要领：
①openDatabase：这个要领利用现有的数据库可能新建的数据库建设一个数据库工具。
②transaction：这个要领让我们可以或许节制一个事务，以及基于这种环境执行提交可能回滚。
③executeSql：这个要领用于执行实际的 SQL 查询。
打开数据库：