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>

　　

　　

 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 游览器第一次访问会自动打印缓存日志








 


 
												


											
html5离线应用和缓存的更多相关文章
	

    
						
  1. Manifesto – HTML5 离线应用程序缓存校验工具
		
    Manifesto 是一个 HTML5 离线应用程序缓存校验工具,提供了快速校验 HTML5 manifest 文件有效性的方法.离线应用程序缓存在使用中最困难的部分之一就是无法正常工作的时候没有明显 ...
    
		
    2. 
								
  2. 利用HTML5开发Android(6)---构建HTML5离线应用
		
    需要提供一个cache manifest文件,理出所有需要在离线状态下使用的资源例如 Manifest代码 CACHE MANIFEST #这是注释 images/sound-icon.png ima ...
    
		
    3. 
						
  3. HTML5离线缓存（Application Cache）
		
    HTML5离线缓存又名Application Cache,是从浏览器的缓存中分出来的一块缓存区,要想在这个缓存中保存数据,可以使用一个描述文件(manifest file),列出要下载和缓存的资源.  ...
    
		
    4. 
						
  4. HTML5 离线缓存管理库
		
    一.HTML5离线缓存技术 支持离线缓存是HTML5中的一个重点,离线缓存就是让用户即使在断网的情况下依然可以正常的运行应用.传统的本地存储数据的方式有 localstorage,sessionsto ...
    
		
    5. 
						
  5. HTML5离线缓存问题
		
    HTML5离线缓存问题 1.应用程序缓存 什么是应用程序缓存(Application Cache)? HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问. ...
    
		
    6. 
						
  6. 使用 jQuery Mobile 与 HTML5 开发 Web App —— HTML5 离线缓存
		
    本文要介绍的,是 HTML5 离线网络应用程序的特性,离线网络应用程序在 W3C 中的实际名称是 "Offline Web applications" ,也称离线缓存.当用户打开浏 ...
    
		
    7. 
						
  7. 神奇的HTML5离线存储（应用程序缓存）
		
    声明:本文为原创文章,如需转载,请注明来源并保留原文链接前端小尚,谢谢! 前言 使用 HTML5,通过创建 cache manifest 文件,可以轻松地创建 web 应用的离线版本. HTML5引入 ...
    
		
    8. 
						
  8. HTML5 离线缓存Appcache
		
    创建一个和html同名的manifest文件,比如页面为index.html,那么可以建一个index.manifest的文件,然后给index.html的html标签添加如下属性即可: <ht ...
    
		
    9. 
						
  9. html5离线缓存使用
		
    html5 离线缓存使用以及注意事项 1.index.html中加入离线缓存的声明文件 如:<!DOCTYPE html><html manifest="test.appc ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. 安装gem所需知道的
			
    1 在中国rubygem源被墙了,所以不管是gem install 还是bundle install都需要修改默认的源,淘宝和ruby-china都提供了源. gem source -r http:/ ...
    
			
    2. 
						
  2. 拯救你的文档 – 【DevOps敏捷开发动手实验】开源文档发布
			
    今天上海的天气真是不错,风和日丽.再次来到微软上海紫竹研发中心,心情很是愉快,喜欢这里的大草坪,喜欢这里的工程气氛,更喜欢今天来陪我的小伙伴们. 这次动手实验培训与以往最大的不同就是采用了开源文档的方 ...
    
			
    3. 
						
  3. JVM-漫游
			
    Write once, Run Any where. Java Virtual Machine – JVM 的存在让 Java 开发变得简单,并且一次编写多处运行.其实,JVM 就是一个抽象的计算机, ...
    
			
    4. 
						
  4. SSIS,参数坑
			
    首先我有一个这样的饿存储过程, @procGuid 这个是 存放 guId的字符串 当如传入  0 的时候, @procGuid 会赋值,并且返回. ) ,@procGuid output print ...
    
			
    5. 
						
  5. SqlServer数据冗余的问题和解决
			
    1问题: 1>造成了存储空间的浪费. 2>更新异常.删除异常. 所以一般情况不允许在表中出现数据冗余. 2怎么解决? 把原来表中的数据拆分成多个表来存储. 当把表中的信息拆分成多个表来存储 ...
    
			
    6. 
						
  6. Error: 9001, Severity: 21, State: 5 The log for database 'xxxx' is not available
			
    昨天下午5点多收到几封告警邮件,我还没有来得及看,GLE那边的同事就电话过来,说数据库出现告警了.让我赶紧看看,案例具体信息如下所示: 告警邮件内容: DATE/TIME: 2015/1/23 17: ...
    
			
    7. 
						
  7. extjs学习资料
			
    ExtJs 入门教程 1.Extjs5.1.0教程云盘地址 http://pan.baidu.com/s/1qYhHiEw 2.Extjs3.x如下:   ExtJs 入门教程一[学习方法] ExtJ ...
    
			
    8. 
						
  8. 【小白的CFD之旅】02 江小白
			
    虽然已经是9月份了,但是西南地区的湿热天气依然将小白热成了狗.独自一个人来到这号称天府之国的西南城市,小白却一点都没感受到这天府之国的友好.毒辣的阳光像利剑一样照射到身上,让人感觉如在蒸笼中一样.从炎 ...
    
			
    9. 
						
  9. POJ2484 A Funny Game[博弈论]
			
    A Funny Game Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 5401   Accepted: 3381 Desc ...
    
			
    10. 
						
  10. 学UNITY的基础
			
    先看线性代数教材 再看计算机图形学第三章-几何造型技术 和第五章的法向量高等数学教材   的基础 就没有任何疑问了
    
			
    11.