扫一扫分享
ZangoDB是一个类似于MongoDB的html5 IndexedDB接口,支持熟悉的过滤、投影、排序、更新和MongoDB的聚合特性。
用户新打开一个页面,将页面的 path(从 history.location 获得),title(用户即 开发者/模块使用者 灵活自定义)、和其他自定义属性加入会话历史缓存;
参数 | 描述 |
---|---|
path | 页面路径,可以用于导航跳转 |
title | 可自定义的显示的页面标题 |
history | 使用 history 管理会话历史 |
可以使用浏览器的客户端存储来存储会话历史。由于不仅存储 path、title等字符串,还要存储页面快照,故 localStorage 不满足存储容量要求,所以使用 indexDB。ZangoDB 是一个 indexDB 接口,可以使用它来连接、操作 indexDB 数据库。
用户在离开一个页面的时候,为此页面生成一个快照。在用户离开页面之前就为当前页面生成 canvas,然后使用 html2canvas 将其转化为图片(可以以 Blob 或者将 Blob 再转化为 base64 ),最后和页面的 path、title 一起存储到会话历史数据库。后面显示页面快照的时候直接把图片显示出来就可以了。
仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!
手机预览