`
liang3307
  • 浏览: 13236 次
  • 性别: Icon_minigender_1
  • 来自: 浙江
社区版块
存档分类
最新评论

html5-本地存储,sql,缓存

 
阅读更多

--本地存储 分:localStorage sessionStorage

--设值

localStorage.setItem("key1",'value12');

localStorage["key1"] = 'value1';

 

--取值

localStorage["key1"]

localStorage.getItem("key1")

 

--删值

localStorae.clearStorage();

 

for(var i=0; ivar key = localStorage.key(i);  

    console.log(key + “:” + localStorage[key]);  

}

 

 

---本地存储 sqlilite

 

if (!window.openDatabase) {

        log("不支持HTML5 WEB SQL!");

} else {

        db = openDatabase(_DB_NAME,'', _DB_DESCRIBE,_DB_SIZE);

}

 

 

//sql:sql语句  arr:参数  suc:成功回调  fail:失败回调

function(sql,arr,suc,fail){ 

db.transaction(function(tx) {

tx.executeSql(sql, arr,suc,fail);

});

}

 

 

--cache 内置cache,加载后判断是否存在

<mime-mapping>

     <extension>manifest</extension>

     <mime-type>text/cache-manifest</mime-type>

</mime-mapping>

--如果manifest有更新,下载完毕所有跟新文件,触发下面事件

applicationCache.onUpdateReady = function(){

  alert("已经更新");

}

 

--缓存已经下载,准备被更新,不调用该方法会在下次打开该页面使用新的数据

applicationCache.swapCache();

 

--检查服务器上的manifest是否更新了

applicationCache.update();

 

--发现有manifest

checking()

 

--不存在 manifest,或者下载页面返回错误

error()

 

--没有更新 manifest

noupdate()

 

--开始下载缓存文件

downing()

 

--下载过程中周期性触发

progress()

 

--下载过程发送 404 401错误

obsolete()

 

 

 

--下载完毕

checked()

 

CACHE

NETWORK

FALLBACK

 

 

1.Safari桌面浏览器(Mac 和Windows)没有限制。

2.移动Safari限制为10MB。

3.Chrome限制为5MB。

4.安卓浏览器对ApplicationCache的大小无限制。

5.Firefox桌面也没有限制。

6.Opera对ApplicationCache的限制可由用户自己管理,但是默认大小为50MB。

 

chrome://appcache-internals

 

--chrome sqllite

C:\Documents and Settings\Administrator\Local Settings\Application Data\Google\Chrome\User Data\Default\databases

 

分享到:
评论

相关推荐

    html5本地存储web sql数据库操作增删查找实例

    HTML5的本地存储是Web应用程序离线运行的关键技术之一,其中Web SQL数据库是早期实现本地存储的方式之一。本文将深入探讨HTML5中的Web SQL数据库,包括它的创建、表格操作以及数据的增删查改。 首先,Web SQL数据库...

    HTML5应用开发技术-Web SQL数据库.pptx

    - 优势:Web SQL提供了一个强大的本地存储机制,适合大型数据存储和复杂查询,支持标准SQL语法。 - 局限:由于维护问题,Web SQL已不再被W3C推荐作为标准,新的Web应用程序通常转向使用IndexedDB或Web Storage的...

    使用jquery-mobile+html5实现android本地通讯录

    HTML5则引入了许多新特性,其中包括Web存储(Web Storage)和离线缓存(App Cache),这些都为本地数据操作提供了可能。特别是Web SQL Database或IndexedDB,它们允许在浏览器中存储大量结构化数据,可以用于备份或...

    HTML本地存储实例

    HTML本地存储,特别是HTML5中的localStorage和Web数据库(Database)技术,是现代Web应用中用于在客户端存储数据的重要工具。这些技术使得开发者可以将部分数据存储在用户的浏览器中,从而提高应用程序的性能,减少...

    HTML5.zip_c# html5_html5_html5 IOS_html5 web sql_ios html5

    提到Web SQL数据库,这是HTML5引入的一个本地存储机制,允许Web应用在用户的设备上存储大量结构化数据。尽管Web SQL已被W3C废弃,但在许多浏览器中仍被支持,特别是在iOS Safari中。Web SQL数据库提供了SQL语法来...

    JAVA缓存技术_深入了解.ppt

    - **Query Cache**:MySQL的Query Cache存储SQL查询的结果,当查询涉及的表发生变化时,缓存会被自动清除。合理设置Query Cache大小能显著提升数据库性能。 - **Data Buffer**:如MySQL的InnoDB Buffer Pool,存储...

    html5离线存储

    HTML5离线存储技术通过离线资源缓存、在线状态检测和本地数据存储等方式,为Web应用提供了强大的离线功能。这不仅提高了用户体验,也为开发人员提供了更多的可能性。随着HTML5标准的不断发展和完善,未来还将有更多...

    浅谈网站架构中缓存的应用

    - **内置缓存**:框架或引擎自带的缓存功能,如ORM缓存和SQL Server缓存。 - **自动化缓存**:通过安装特定组件,根据规则自动实现的缓存,如反向代理和输出缓存。 - **编程实现缓存**:需要开发者手动实现的业务...

    5个HTML5的常用本地存储方式详解与介绍

    HTML5提供了一些全新的本地存储解决方案,它们是Web开发中非常重要的技术,可以用来存储用户的私有数据,包括数据和资源,以提升用户体验。在HTML5标准之前,主要的存储方式是通过cookies来实现的,但这种方法有一些...

    HTML5中的本地数据应用

    尽管本地存储提供了便利,但也需注意数据安全和隐私问题。开发者应确保正确处理用户数据,遵守数据保护法规,并防止恶意软件对数据的滥用。 6. **替代方案与新进展**: 随着技术的进步,Service Worker和Indexed...

    web渗透系列教学下载共64份.zip

    web渗透--59--本地存储安全.pdf web渗透--6--枚举web服务器应用.pdf web渗透--60--web服务器解析漏洞.pdf web渗透--61--JavaScript注入漏洞.pdf web渗透--62--CSS注入.pdf web渗透--63--会话固化漏洞.pdf web渗透--...

    40个重要的HTML5面试题及答案-博客-伯乐在线[归纳].pdf

    9. HTML5本地存储: 本地存储(localStorage)和会话存储(sessionStorage)提供了一种在客户端存储数据的方法,生命周期分别为浏览器关闭后仍然存在和仅限当前会话。 10. 本地存储与cookies的区别: 本地存储...

    js+sql+java+html+css

    HTML5引入了许多新特性,如本地存储、拖放功能、离线缓存等,增强了网页的交互性和功能。 CSS(Cascading Style Sheets)则负责网页的样式设计,定义字体、颜色、布局等视觉表现。CSS可以与HTML分离,使得内容与...

    html5本地存储 localStorage操作使用详解

    HTML5的本地存储功能极大地增强了Web应用程序的能力,使得开发者能够在用户浏览器端持久地存储数据,无需服务器交互。本文主要探讨了HTML5中的两种本地存储形式——`localStorage`和`sessionStorage`,以及它们的...

    HTML5新特性-离线功能应用.pdf

    HTML5提供了两种本地存储机制,以应对离线数据存储的需求。 - **DOM Storage(Local Storage和Session Storage)**:提供键值对存储,数据存储在浏览器的本地存储区域,不会随着浏览器会话的结束而丢失(Local ...

    html5本地存储之localstorage 、本地数据库、sessionStorage简单使用示例

    HTML5的Web Storage技术是网页应用中数据存储的重要方式,相较于传统的Cookie,它提供了更高效、更大容量的本地存储能力。Web Storage分为两种类型:localStorage和sessionStorage。 1. localStorage: ...

    PHP实例开发源码-KASEN动漫伪静态缓存版 php版.zip

    客户端缓存,如HTTP缓存,通过设置合适的缓存头(如Cache-Control、Expires),使得浏览器在一定时间内可以直接使用本地缓存的页面,无需再次向服务器请求。 在这个实例中,KASEN动漫网站可能采用了某种服务器端...

    PHP查询缓存.doc

    【PHP查询缓存】是指在PHP应用程序中,为了提高数据库查询效率和减轻数据库负载,将SQL查询的结果存储起来,下次相同查询时直接读取缓存数据,而不是重新执行查询。这种方式特别适用于那些频繁且静态的数据,可以...

    extjs 在线sql查询

    HTML580 可能是指这个项目利用了HTML5的一些特性,比如本地存储、离线应用、媒体元素等,以提升用户体验和性能。HTML5的这些新特性使得Web应用可以更接近原生应用,特别是在离线状态下仍然能提供部分功能。 在实现...

Global site tag (gtag.js) - Google Analytics