【js023-离线应用与客户端存储】的更多相关文章

js-新兴的API,最佳实践,离线应用于客户端存储

离线应用于客户端存储: 1.离线检测:online以及offline事件,都是在window对象上触发 navigator.online为true的时候是表示设备能够上网 2.使用一个描述文件(manifest file)列出要下载以及缓存的资源 <html manifest ="/offline.manifest"> 3.描述文件中的核心是applicationCache对象,该对象有一个status属性,属性的值是一个常量 0:无缓存 1:闲置-应用缓存未得到更新 2:…

《javascript高级程序设计》 第23章 离线应用与客户端存储

23.1 离线检测23.2 应用缓存23.3 数据存储 23.3.1 Cookie 23.3.2 IE 用户数据 23.3.3 Web 存储机制 23.3.4 IndexedDB   23.1 离线检测navigator.onLine ? "Online" : "Offline"支持离线检测的浏览器有IE 6+(只支持navigator.onLine 属性).Firefox 3.Safari 4.Opera 10.6.Chrome.iOS 3.2 版Safari 和…

离线应用与客户端存储（cookie storage indexedDB）

离线检测 HTML5定义一个属性:navigator.onLine的属性.这个属性值为true,表示设备在线,值为false,表示设备离线.为了更好的确定网络是否可用,HTML5还定义了两个事件.这两个事件是在window对象上触发:online和offline.代码如下: 应用缓存: HTML5的应用缓存:appcache,专门为开发离线web应用而设计的.appcache就是从浏览器的缓存中分出来的一块缓存区.要想在这个缓存区中保存数据,可以使用一个描述文件(manifest file),列…

JavaScript中离线应用和客户端存储（cookies、sessionStorage、localStorage）

一.离线应用 所谓离线web应用,就是在设备不能上网的情况下仍然可以运行的应用. 开发离线web应用需要几个步骤:首先,确保应用知道设备是否能上网,以便下一步执行正确的操作:然后,应用还必须能访问一定的资源(图像.JavaScript.css等),只有这样才能正常工作:最后,必须有一块本地空间用于保存数据,无论能否上网都不妨碍读写. 1.离线检测 HTML5定义一个navigator.onLine属性,这个属性值为true表示设备能上网,值为false表示设备离线. 除了navigator.on…

HTML5离线应用与客户端存储

序言 本篇文章会详细介绍使用HTML5开发离线应用的步骤,以及本地存储与cookie的一些异同,最后利用上面所学例子来实现一个购物车场景. 使用HTML5离线存储的基本过程如下: 离线检测:首先要对设备进行离线状态检测,根据设备在线或者离线判断接下来的操作: 离线缓存:将需要被缓存的资源写在一个描述文件(cache manifest)里,当设备在线时进行缓存,以便用户在离线时可以正常使用: 本地存储:离线时,把必要的数据存储到本地,当设备上线时将数据存储到服务器上. 下面就从这三个方面展开进行介…

【JavaScript】离线应用与客户端存储

一.前言        这章非常重要,由于之后需要负责平台手机APP的日后维护,如何让用户在离线状态下正常使用,以及联网后的数据合并变得非常重要. 二.内容        离线检测 navigator.online —— 属性为true时表示设备能上网online() —— 当网络从离线转在线触发offline() —— 当网络从在线转离线触发 navigator.online取得初始状态,然后通过上述两个事件确定网络连接状态是否变化 数据存储 //Cookie数量:每个域的cookie总数是有…

js023-离线应用与客户端存储

js023-离线应用与客户端存储 本章内容: 进行离线检测 使用离线缓存 在浏览器中保存数据 23.1 离线检测 第一步:知道设备是在线还是离线:navigator.Online属性.该值为true表示可以上网,false表示不能上网. 除了navigator.Online属性之外,为了更好的确定网络是否可用,HTML定义了两个事件:online和offline事件 23.2 应用缓存 应用缓存(application cache)简称appcache.想在缓存中保存文件需要使用描述文件,列出要…

Web - 客户端存储的几种方式

客户端存储主要方便一些APP离线使用.今天就来说说客户端存储的方法有多少? 说在最前面的一句:所有的客户端存储都有一个原则:读写的数据必须要同域 1 Cookie Cookie是一项很老的技术的,就是因为它老,所以兼容性还是不错的.常见的JS操作Cookie的代码如下: function setCookie(c_name,value,expiredays) { var exdate=new Date() exdate.setDate(exdate.getDate()+expiredays) do…

《JavaScript》web客户端存储

Web存储: 兼容IE8在内的所有主流浏览器,不兼容早期浏览器:支持大容量但非无限量 LocalStorage和sessionStorage是window对象的两个属性,这两个属性都代表同一个storage(持久化关联数组)对象 两者的区别在于:存储的有效期和作用域不同 Storage: localStorage: var name = localStorage.username; //查询一个存储的值 //关联数组,和对象一样 //索引数组,用下标 //name = localStorage[…

JavaScript权威指南--客户端存储

客户端存储web应用允许使用浏览器提供的API实现将数据存储在用户电脑上. 客户端存储遵循“同源策略”,因此不同站点的页面是无法读取对于存储的数据.而同一站点的不同的页面之间是可以互相共享存储数据的. 同源策略可以拿localStorage来讲,如下: 打开http://www.w3school.com.cn/ 打开http://www.w3school.com.cn/html5/index.asp 数据都是保存在对应的域名http://www.w3school.com.cn/下的,当域名同源的…