本文转载自:众成翻译译者:文蔺链接: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.每种技术都提供了在用户硬盘上 -- 而非通常…
离线检测 HTML5定义一个属性:navigator.onLine的属性.这个属性值为true,表示设备在线,值为false,表示设备离线.为了更好的确定网络是否可用,HTML5还定义了两个事件.这两个事件是在window对象上触发:online和offline.代码如下: 应用缓存: HTML5的应用缓存:appcache,专门为开发离线web应用而设计的.appcache就是从浏览器的缓存中分出来的一块缓存区.要想在这个缓存区中保存数据,可以使用一个描述文件(manifest file),列…
一.requestAnimationFrame 1.requestAnimationFrame怎么用? 设置关键帧动画效果,注重关键帧执行的情况,用法与setTimeout一样 2.requestAnimationFrame与setTimeout的区别?  (执行时间,setTimeout是用户设置的时间 ,requestAnimationFrame看起来实现动画效果更流畅) <style> .demo{ width:100px; height:100px; background:red; p…
关于客户端存储技术 storage 一.关于客户端(浏览器)存储技术 浏览器的存储技术第一个能想到的应该就是cookie,关于cookie本身出现的初衷是为了解决客户端识别,可存储信息量小(4k左右),并且每次网络请求都会被请求协议携带发送到服务器,这在一定程度上是比较浪费网络资源,损耗性能. 在HTML5中提供了一个新的客户端存储技术Storage: cookie与storage的异同: 相同点:同样受同源策略影响,只有在域名一致的情况下才能查看到对应的数据. 不同点: 1.cookie的数据…
在客户端存储数据 HTML5 提供了两种在客户端存储数据的新方法: localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 之前,这些都是由 cookie 完成的.但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高. 在 HTML5 中,数据不是由每个服务器请求传递的,而是只有在请求时使用数据.它使在不影响网站性能的情况下存储大量数据成为可能. 对于不同的…
一.前言: 客户端存储实际上就是Web浏览器的记忆功能,通过浏览器的API实现数据存储到硬盘: 二.存储的不同形式: 1.Web存储:localStorage 和 sessionStorage 代表同一个Storage对象--持久化的索引为字符串,值也是字符串的数组: 两者出来对存储的有效期和作用域不同,其他基本通用:且作用域都是文档源级别的,不能跨域存取: localStorage     : 存储的数据是永久性的,同源的文档间共享数据:可以读取或覆盖数据:但是受浏览器限制: sessionS…
js023-离线应用与客户端存储 本章内容: 进行离线检测 使用离线缓存 在浏览器中保存数据 23.1 离线检测 第一步:知道设备是在线还是离线:navigator.Online属性.该值为true表示可以上网,false表示不能上网. 除了navigator.Online属性之外,为了更好的确定网络是否可用,HTML定义了两个事件:online和offline事件 23.2 应用缓存 应用缓存(application cache)简称appcache.想在缓存中保存文件需要使用描述文件,列出要…
离线应用于客户端存储: 1.离线检测:online以及offline事件,都是在window对象上触发 navigator.online为true的时候是表示设备能够上网 2.使用一个描述文件(manifest file)列出要下载以及缓存的资源 <html manifest ="/offline.manifest"> 3.描述文件中的核心是applicationCache对象,该对象有一个status属性,属性的值是一个常量 0:无缓存 1:闲置-应用缓存未得到更新 2:…
github:https://github.com/IdentityServer/IdentityServer3/ documentation:https://identityserver.github.io/Documentation/ samples https://github.com/IdentityServer/IdentityServer3.Samples/ OAuth 2.0定义的四种授权方式. 授权码模式(authorization code) 简化模式(implicit) 密码…
客户端存储主要方便一些APP离线使用.今天就来说说客户端存储的方法有多少? 说在最前面的一句:所有的客户端存储都有一个原则:读写的数据必须要同域 1 Cookie Cookie是一项很老的技术的,就是因为它老,所以兼容性还是不错的.常见的JS操作Cookie的代码如下: function setCookie(c_name,value,expiredays) { var exdate=new Date() exdate.setDate(exdate.getDate()+expiredays) do…