【离线应用与客户端存储（cookie storage indexedDB）】的更多相关文章

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

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

HTML5之客户端存储（Storage）

关于客户端存储技术 storage 一.关于客户端(浏览器)存储技术 浏览器的存储技术第一个能想到的应该就是cookie,关于cookie本身出现的初衷是为了解决客户端识别,可存储信息量小(4k左右),并且每次网络请求都会被请求协议携带发送到服务器,这在一定程度上是比较浪费网络资源,损耗性能. 在HTML5中提供了一个新的客户端存储技术Storage: cookie与storage的异同: 相同点:同样受同源策略影响,只有在域名一致的情况下才能查看到对应的数据. 不同点: 1.cookie的数据…

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

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

《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 和…

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

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

HTML5离线应用与客户端存储

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

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

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

[JS]笔记15之客户端存储cookie

-->本地存储发展情况 -->什么是cookie -->cookie优缺点 -->cookie的设置.读取.删除 -->cookie应用 本地存储发展情况 一.什么是cookie 1.什么是cookie cookie是存储于访问者计算机中的变量cookie是浏览器提供的一种机制,可以由JavaScript对其进行操作(设置.读取.删除) 2.cookie的特性 cookie可以实现跨页面全局变量cookie可以跨越同域名下的多个网页,但不能跨域使用同一个网站中所有页面共享一套…

Cookie/Session/Local Storage/IndexedDB

本文主要总结客户端/浏览器端数据存储的技术. 在客户端或者浏览器端存储,可以快速的访问页面,当前主要有Cookie,Session,Local Storage,IndexedDB四种(WebSQL呗废弃) Cookie cookie实际就是一小段文本信息,意为“甜饼”,客户端发送请求到服务端,如果服务端要记录该用户某些状态信息,就将一段信息(即Cookie)response给客户端,客户端浏览器就会存起来:当客户端再次请求时会将Cookie一起请求给服务端,服务端根据Cookie识别出找个客户,…

【译】客户端存储（Client-Side Storage）

本文转载自:众成翻译译者:文蔺链接:http://www.zcfy.cc/article/660原文:http://www.html5rocks.com/en/tutorials/offline/storage/ 介绍 本文是关于客户端存储(client-side storage)的.这是一个通用术语,包含几个独立但相关的 API: Web Storage.Web SQL Database.Indexed Database 和 File Access.每种技术都提供了在用户硬盘上 -- 而非通常…