Web 应用程序有离线功能,如保存大量数据集和二进制文件.你甚至可以做缓存 MP3 文件这样的事情.浏览器技术可以保存离线数据和大量的储存.但问题是,如何选择合适技术,如何方便灵活的实现. 如果你需要开发一个支持离线存储的 Web 应用程序,不知道从哪里开始,那么这篇文章正是你需要的. 您可能感兴趣的相关文章 九个令人不可思议的 WebGL 应用试验 让你忘记 Flash 的15款 HTML5 游戏 10款流行的 jQuery 插件,值得你收藏 小伙伴们惊呆了!8个超炫的 Web 效果 Web…

web离线应用--dom storage dom storage是html5添加的新功能,其实也不是什么新的应用,只不过是cookie的放大版本,由于cookie的大小只有4kb,而且在每次请求一个新页面cookie都会被送过去等等...所以html5提供了一种新标准接口,存储容量更大(5M),以键值对存储,很方便使用. dom storage分为local storage和session storage两种方式,这两种方式的操作完全一样,唯一的区别就是session storage在页面关闭时…

localStorage 能够让你实现基本的数据存储,但它的速度慢,而且不能处理二进制数据.IndexedDB 和 WebSQL 是异步的,速度快,支持大数据集,但他们的API 使用起来有点复杂.不仅如此,IndexedDB 和 WebSQL 没有被所有的主流的浏览器厂商支持,这种情况最近也不太可能改变. Mozilla 开发了一个叫 localForage 的库 ,使得离线数据存储在任何浏览器都是一项容易的任务. localForage 是一个使用非常简单的 JavaScript 库的,提供了…

随着HTML5的正式定稿,我们也可以大量使用HTML离线网络应用程序的特性. #1.Application Cache Application Cache 可以很简单让我们的WebApp具有离线的能力. 支持的浏览器:IE10+,FireFox,Chrome,Safari,Opera 优点: 离线浏览 -- 用户可以再离线时使用Application 速度 -- 由于缓存了资源,如果加载很快 减少服务端数据加载 -- 浏览器只需要从服务器加载更新过的数据 缺点: Manifest文件有变化时才更…

其实浏览器一直都是前端开发人员比较头痛的一个课题,各种兼容性.直到开始规范化和标准化,HTML5的出现. 在没有这套标准出现之前,对于客户端缓存的问题,我们基本上都是用cookie处理,当然目前除了后台管理类型的软件,面向前端的仍然在沿用cookie,毕竟还有很多老古董还在使用ie和旧的浏览器版本. localStorage和sessionStorage这两个全局对象正是新提出的web存储标准.其实这两者都是同一个持久化数组对象,不同的是其存储的有效期和作用于的不同. 有效期 访问权限 loca…

applicationCache是html5新增的一个离线应用功能 离线浏览: 用户可以在离线状态下浏览网站内容. 更快的速度: 因为数据被存储在本地,所以速度会更快. 减轻服务器的负载: 浏览器只会下载在服务器上发生改变的资源. 在对应用进行缓存的时候需要一个manifest文件, cache manifest 格式如下 首行必须是CACHE MANIFEST 接下来可以分为三段: CACHE, NETWORK,与 FALLBACK CACHE: 这是缓存文件中记录所属的默认段落.在 CACH…

什么是ServiceWorker 在介绍ServiceWorker之前,我们先来谈谈PWA.PWA (Progressive Web Apps) 是一种 Web App 新模型,并不是具体指某一种前沿的技术或者某一个单一的知识点,,这是一个渐进式的 Web App,是通过一系列新的 Web 特性,配合优秀的 UI 交互设计,逐步的增强 Web App 的用户体验. Https环境部署 响应式设计,一次部署,可以在移动设备和 PC 设备上运行 在不同浏览器下可正常访问. 浏览器离线和弱网环境可极速…

web sql database 是html5废弃的一个新特性,它提供了基本的关系数据库功能,使用 `SQL` 来操纵客户端数据库的 API,这些 API 是异步的,规范中使用的方言是SQLlite 主要核心api有3个 openDatabase:这个方法使用现有数据库或新建数据库来创建数据库对象 Database openDatabase(in DOMString name, in DOMString version, in DOMString displayName, in unsigned…

/* * 参数 * db: 已建或未建数据库 * pouchId: 数据库唯一的主键_id * src: 图片img的DOM对象 * bg: 判断是否是背景图 * */ function addTodo(db, pouchId,src,bg) { // 查询数据库中是否有该文档 根据主键pouchId查询 db.get(pouchId).then(function(doc) { return db.put({ // 如有该文档 则更新版本号_rev _id: pouchId, _rev: doc…

HTML5应用程序缓存和浏览器缓存的区别.(有些)浏览器会主动保存自己的缓存文件以加快网站加载速度.但是要实现浏览器缓存必须要满足一个前提,那就是网络必须要保持连接.如果网络没有连接,即使浏览器启用了对一个站点的缓存,依然无法打开这个站点.只会收到一条错误信息.而使用离线web应用,我们可以主动告诉浏览器应该从网站服务器中获取或缓存哪些文件,并且在网络离线状态下依然能够访问这个网站. 如何实现HTML5应用程序缓存.实现HTML5应用程序缓存非常简单,只需三步,并且不需要任何API.只需要告诉浏…