文档章节

Web app 离线新方案: DOMSnap - 网页快照离线存储和恢复

u
 unbug
发布于 2016/04/04 14:23
字数 378
阅读 30
收藏 1


DOMSnap GitHub DEMO

#目前的特点

  • DOMSnap API 非常简洁, capture 和resume 分别负责持久化快照和恢复

  • 支持同一个元素保存多份快照

  • 支持 watch 的方式自动保存快照

  • 支持预先快照, 在用户没有产生相应交互之前就离线相应的页面结构以增加交互的流畅性

  • 支持自定义快照, 方便 SPA 类 Web App 将快照与路由对应

  • 支持作用域, 同一个域名下不同项目不会冲突

  • 支持版本控制, 页面改版后不会冲突

#使用方法

方式 1. 页面中引入脚本

<script src="DOMSnap.min.js"></script>

方式 2. 安装包

npm install --save domsnap

然后包含到你的模块中

var DOMSnap = require('domsnap');

Examples

//init DOMSnapvar DS = DOMSnap(function(){  console.log('DOMSnap is ready');
});//capture snapshot html of #mainDS.capture('#main');//capture with specified capture idDS.capture('#main','my_id');//set the html of #main by it's captured snapshot htmlDS.resume('#main');//set by specified capture idDS.resume('#main','my_id');

DOMSnap GitHub DEMO

domsnap


© 著作权归作者所有

u
粉丝 4
博文 2
码字总数 622
作品 4
桂林
私信 提问
Web app快照并offline保存和恢复工具--DOMSnap

HTML5 提供了 LocalStorage, IndexedDB, 和 window.caches 来帮我们构建可 offline 的 web app. 但 这些技术里我们都忽视了本地数据库. DOMSnap 则将其充分发挥之, 将HTML 快照保存到本地的 ...

unbug
2016/03/25
343
0
HTML5 Web Storage -- 让Cookies看起来如此古老

在此两部分组成的系列中,我们将来看看HTML5 规范中最棒而且最有趣的特性之一的Web Storage。我们将看看Web Storage 和 Cookies的历史,并从考虑以下几点: *Cookies 怎么样又为何被使用 *W...

彭博
2012/10/08
7.5K
5
HTML5 Web Storage -- 让Cookies看起来如此古老

在此两部分组成的系列中,我们将来看看HTML5 规范中最棒而且最有趣的特性之一的Web Storage。我们将看看Web Storage 和 Cookies的历史,并从考虑以下几点: *Cookies 怎么样又为何被使用 *W...

彭博
2012/11/27
465
0
html5离线储存,application cache,manifest使用体验

最近在APP里新增一个论坛模块,为了快速地完成,决定将整个论坛模块做成WEB APP,WEB APP最致命的就是用户体验问题,页面跳转和过多的请求,大大影响了加载速度和用户体验,这时候我想到了H...

pureboys
2013/09/07
2.4K
0
起点海外版 Hybrid App-内嵌页优化实践

本文作者:刘文涛 原创声明:本文为阅文前端团队 YFE 成员出品,请尊重原创,转载请联系公众号 (id: yuewen_YFE) 获取授权,并注明作者、出处和链接。 今年年初我司开启了起点品牌的海外之旅...

阅文集团前端团队
2018/06/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OpenStack 简介和几种安装方式总结

OpenStack :是一个由NASA和Rackspace合作研发并发起的,以Apache许可证授权的自由软件和开放源代码项目。项目目标是提供实施简单、可大规模扩展、丰富、标准统一的云计算管理平台。OpenSta...

小海bug
昨天
7
0
DDD(五)

1、引言 之前学习了解了DDD中实体这一概念,那么接下来需要了解的就是值对象、唯一标识。值对象,值就是数字1、2、3,字符串“1”,“2”,“3”,值时对象的特征,对象是一个事物的具体描述...

MrYuZixian
昨天
6
0
数据库中间件MyCat

什么是MyCat? 查看官网的介绍是这样说的 一个彻底开源的,面向企业应用开发的大数据库集群 支持事务、ACID、可以替代MySQL的加强版数据库 一个可以视为MySQL集群的企业级数据库,用来替代昂贵...

沉浮_
昨天
7
0
解决Mac下VSCode打开zsh乱码

1.乱码问题 iTerm2终端使用Zsh,并且配置Zsh主题,该主题主题需要安装字体来支持箭头效果,在iTerm2中设置这个字体,但是VSCode里这个箭头还是显示乱码。 iTerm2展示如下: VSCode展示如下: 2...

HelloDeveloper
昨天
9
0
常用物流快递单号查询接口种类及对接方法

目前快递查询接口有两种方式可以对接,一是和顺丰、圆通、中通、天天、韵达、德邦这些快递公司一一对接接口,二是和快递鸟这样第三方集成接口一次性对接多家常用快递。第一种耗费时间长,但是...

程序的小猿
昨天
11
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部