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. git之四
			
    1.管理修改 Git与其他版本控制系统相比,Git跟踪并管理的是修改,而非文件. 为什么说Git管理的是修改,而不是文件.接下来做测试,我们对readme.txt修改,追加一行内容: echo &qu ...
    
			
    2. 
						
  2. 【转】Hive的insert操作
			
    insert 语法格式为: 1. 基本的插入语法: insert overwrite table tablename [partition(partcol1=val1,partclo2=val2)]  ...
    
			
    3. 
						
  3. java实现基于activeMQ的消息推送
			
    一. 准备工作 1. 点击此下载相关的第三方jar包,并在工程中引用 二. spring配置文件:application.xml <?xml version="1.0" en ...
    
			
    4. 
						
  4. 萌新笔记——C++里创建 Trie字典树（中文词典）（一）（插入、遍历）
			
    萌新做词典第一篇,做得不好,还请指正,谢谢大佬! 写了一个词典,用到了Trie字典树. 写这个词典的目的,一个是为了压缩一些数据,另一个是为了尝试搜索提示,就像在谷歌搜索的时候,打出某个关键字,会提示 ...
    
			
    5. 
						
  5. The last packet sent successfully to the server was 0 milliseconds ago. The driver has not received any packets from the server.
			
    今天项目中报了如下错误 The last packet sent successfully to the server was 0 milliseconds ago. The driver has n ...
    
			
    6. 
						
  6. chm文件突然乱码了
			
    今天打开一个chm文件的帮组文档时,文档时乱码,以前可不是的哦.不知道自己干什么操作了.上网找了下解决办法. 打开cmd 输入regedit 进入注册表:找到: HKEY_CURRENT_USER\S ...
    
			
    7. 
						
  7. 域用户执行金蝶K/3报错解决方法
			
    自从上星期测试加域意外将公司考勤系统整出事后,就再也不敢在物理机测试了. 装好虚拟机和装好金蝶K/3系统后,被这条报错信息折腾了好几天,一方面是不熟悉该软件,另一方面是几乎搜不到相关的文章. 一.问题 ...
    
			
    8. 
						
  8. 【Python网络编程】利用Python进行TCP、UDP套接字编程
			
    之前实现了Java版本的TCP和UDP套接字编程的例子,于是决定结合Python的学习做一个Python版本的套接字编程实验. 流程如下: 1.一台客户机从其标准输入(键盘)读入一行字符,并通过其套接 ...
    
			
    9. 
						
  9. 第50课 关于对话框(About)
			
    1. 关于对话框 (1)标准的桌面应用软件都有一个关于对话框 (2)关于对话框用于标识软件自身的信息.如logo.项目名.版本号.开发者信息.版权信息.联系方式等. 2. 经典设计方案 3. 项目持续 ...
    
			
    10. 
						
  10. [No000087]Linq排序,SortedList排序,二分法排序性能比较
			
    using System; using System.Collections; using System.Collections.Generic; using System.Diagnostics;  ...
    
			
    11.