html5离线应用和缓存

1 localstorage和sessionstorage

sessionStrage：
session即会话的意思，在这里的session是指用户浏览某个网站时，从进入网站到关闭网站这个时间段，session对象的有效期就只有这么长。

localStorage：
将数据保存在客户端硬件设备上，不管它是什么，意思就是下次打开计算机时候数据还在。

两者区别就是一个作为临时保存，一个拥有长期保存。

2本地数据库

使用SQLLite数据库，需要两个必要步骤：
创建数据库访问对象
使用事务处理

创建对象：
openDatabase(dbName, version, dbDesc, size)

实际访问：
db.transaction(function () {
　　tx.excuteSql('create table ......');
});

数据查询：
excuteSql(sql, [], dataHandler, errorHandler)//后面两个为回调函数；[]估计是做sql注入处理

3 manifest文件

1 建议名称后缀名为.appcache

<!DOCTYPE HTML>
<html manifest="demo.appcache">

<body>
The content of the document......
</body>

</html>

2 WEB-INF/web.xml 文件里设置.
  <mime-mapping>
    <extension>appcache</extension>
    <mime-type>text/cache-manifest</mime-type>
  </mime-mapping>

3 demo.appcache如下

CACHE MANIFEST #我是注释，这个文件名叫test.manifest 
CACHE: /当前项目名/test.css 
/当前项目名/da.jpg

4 游览器第一次访问会自动打印缓存日志