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

【JavaScript中离线应用和客户端存储（cookies、sessionStorage、localStorage）】的更多相关文章

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

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

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

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

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、localStorage

一.cookies 本地存储首先是常用的cookies方法,网上有很多相关的代码以及w3cSchool cookies. // 存储cookies function setCookie(name,value,expiredays) { var argv = setCookie.arguments; var argc = setCookie.arguments.length; var LargeExpDate = new Date (); var expires = (argc > 2) ? a…

JavaScript中利用Ajax 实现客户端与服务器端通信（九）

一:Ajax (Asynchronous JavaScript and XML)不是一个新的技术,事实上,它是一些旧有的成熟的技术以一种全新的更加强大的方式整合在一起 Ajax的关键技术: 1.使用XHTML(HTML)和CSS构建标准化的展示层 2.使用DOM进行动态显示和交互 3.使用XML和XSLT进行数据交换和操纵 4.使用XMLHttpRequest异步获取数据 5.使用JavaScript将所有元素绑定在一起二:如何去写Ajax应用程序: 第一步:创建一个XMLHTTP对象第…

Web存储机制—sessionStorage,localStorage使用方法

Web存储机制,在这里主要聊有关于Web Storage API提供的存储机制,通过该机制,浏览器可以安全地存储键值对,比使用cookie更加直观.接下来简单的了解如何使用这方面的技术. 基本概念 Web Storage 包含两种机制: sessionStorage为每一个给定的源维持一个独立的存储区域,该区域在页面会话期间可用(即只要浏览器处于打开状态,包括页面重新加载和恢复) localStorage同样的功能,但是在浏览器关闭,然后重新打开后数据仍然存在这两种机制是通过Window.se…

cookies,sessionstorage,localstorage的区别？

请描述一下 cookies,sessionStorage 和 localStorage 的区别? sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的,可以方便的在web请求之间保存数据.有了本地数据,就可以避免数据在浏览器和服务器间不必要地来回传递. sessionStorage.localStorage.cookie都是在浏览器端存储的数据,其中sessionStorage的概念很特别,引入了一个“浏览器窗口”的概念.sessi…

通俗理解cookies,sessionStorage,localStorage的区别

sessionStorage .localStorage 和 cookie 之间的区别共同点:都是保存在浏览器端,且同源的. 区别:cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递:cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下.存储大小限制也不同,cookie数据不能超过4k,同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据,如会话标识. 而sessionStorage和l…