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. 错误解决：error while loading shared libraries: libcurl.so.4: cannot open  shared object file: No such file or directory
			
    执行以下代码,生成唯一的UID $fp = popen("/xxx/bin/tools/uuidgen system", "r");// $uid = frea ...
    
			
    2. 
						
  2. SQL SERVER 2012 执行计划走嵌套循环导致性能问题的案例
			
    开发人员遇到一个及其诡异的的SQL性能问题,这段完整SQL语句如下所示: declare @UserId             INT declare @PSANo              VAR ...
    
			
    3. 
						
  3. mysql中boolean类型
			
      MYSQL保存BOOLEAN值时用1代表TRUE,0代表FALSE,boolean在MySQL里的类型为tinyint(1), MySQL里有四个常量:true,false,TRUE,FALSE, ...
    
			
    4. 
						
  4. C#--字符、字符串学习
			
    字符 在.NET Framework中,每个字符都是System.Char结构的一个实例.System.Char类型很简单,提供了两个公共只读常量字段:MinValue和MaxValue. GetNu ...
    
			
    5. 
						
  5. IntelliJ IDEA 教程设置讲解
			
    IntelliJ IDEA 常用设置讲解 说明 IntelliJ在业界被公认为最好的java开发工具之一,尤其在智能代码助手.代码自动提示.重构.J2EE支持.Ant.JUnit.CVS整合.代码审查 ...
    
			
    6. 
						
  6. kattle 发送post请求
			
    一.简介 kattle是一款国外开源的ETL工具,纯java编写,可以在Window.Linux.Unix上运行,数据抽取高效稳定.它允许你管理来自不同数据库的数据,通过提供一个图形化的用户环境来描述 ...
    
			
    7. 
						
  7. mybatis 动态sql表达式相关应用
			
    一.mybatis 表达式简介 对于mybatis3 ,提供了一种动态sql的方式.通过动态sql我们可以直接在mybatis 的xm映射文件中直接通过条件判断的方式进行查询添加的拼接.mybatis ...
    
			
    8. 
						
  8. 在Windows上安装虚拟机详细图文教程
			
    用虚拟机来安装最新的软件,安装最新的系统等等比较保险,可以避免安装不顺利影响自己原来的系统和应用,想尝鲜又担心自己完全更换系统不适应的朋友可以尝试. 虚拟机下载:https://yunpan.cn/c ...
    
			
    9. 
						
  9. [Java入门笔记] 面向对象三大特征之：封装
			
    了解封装 什么是封装? 在Java的面向对象程序设计中,有三大基本特征:封装.继承和多态.首先我们先来看看封装: 在Java的面对对象程序设计中,封装(Encapsulation)是指一种将函数功能实 ...
    
			
    10. 
						
  10. 开发人员必读openstack网络基础
			
    云计算中的网络非常复杂,需要对网络的基础理论有一定的认识和了解,转载网上针对openstack中涉及到网络概念的文章 开发人员必读openstack网络基础1:什么是L2.L3 开发人员必读opens ...
    
			
    11.