博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML5存储
阅读量:4664 次
发布时间:2019-06-09

本文共 434 字,大约阅读时间需要 1 分钟。

一 H5之前如何实现存储

1237064-20190914120513285-1901135629.png

1、cookie

1237064-20190914120608163-1346924584.png

cookies在浏览器端存储形态

1237064-20190914120836307-1028655465.png

2、UserData

1237064-20190914121055719-1796365770.png

二 H5的几种

h5存储目标

1237064-20190914121259861-607711575.png

1237064-20190914121335288-441704121.png

2.1 H5本地存储

1237064-20190914121405595-1879048345.png

1237064-20190914121456651-1031431200.png

1、使用方法:

1237064-20190914121550099-1935987696.png

2、可以存储什么?

1237064-20190914121747026-2004414434.png

eg: 存图片:

1237064-20190914122140647-14476735.png

1237064-20190914122152552-831739998.png

3、使用注意事项

1237064-20190914122419812-1929404693.png

4、使用限制

1237064-20190914122559563-815253323.png

1237064-20190916223258522-1097033743.png

5、使用场景

1237064-20190916223333355-1572896160.png

本地存储和网络拉取耗时对比

1237064-20190916223451423-1860152206.png

2.2 Indexeddb

1、概念

1237064-20190917214129898-482962535.png

浏览器兼容

1237064-20190917214448117-2028346264.png

存储结构

1237064-20190917214533545-1435979546.png

2、增删改

1237064-20190917221551122-429197638.png

1237064-20190917215327795-728189660.png

1237064-20190917215632629-330182278.png
1237064-20190917215936362-1260133548.png
删除
1237064-20190917221043672-1323635029.png
1237064-20190917220338960-2139630518.png
查询
1237064-20190917221232493-690624141.png
1237064-20190917221334280-880062234.png
删除DB
1237064-20190917221517197-1001060846.png

2.3 离线缓存

1、什么是离线缓存

1237064-20190917222620147-492883491.png

2、原理

3、浏览器支持情况

1237064-20190917222641246-261746229.png

4、manifest文件

1237064-20190917222737685-887729288.png

1237064-20190917222851271-1432461528.png

实列:

1237064-20190917223331658-736417449.png

1237064-20190917223446267-993094961.png

1237064-20190917223455238-1014310597.png

1237064-20190917223737225-1852919361.png

第一次访问

1237064-20190917223832268-1686911438.png

第二次访问

1237064-20190917223900990-699259794.png

更改manifest

1237064-20190917224000290-1837477849.png

如何让manifest失效

1)修改文件名称
1237064-20190917224158769-1005421044.png
2)找不到相应的manifest文件,重新获取请求
1237064-20190917224341471-1489886065.png

5、如何更新

1237064-20190917224459273-737409289.png

6、优势

1237064-20190917224532591-97463469.png

7、劣势

1237064-20190917224716842-481113429.png

8、适用场景

1237064-20190917224828128-126737562.png

三 非主流存储

1、userData

1237064-20190917225329666-873832629.png

2、google gears

1237064-20190917225345896-380475950.png

四 总结

1、优势

1237064-20190917225436843-380845848.png

2、劣势

1237064-20190917230537728-2018060522.png

转载于:https://www.cnblogs.com/qiqi715/p/11530735.html

你可能感兴趣的文章
wifi使用的一些误区
查看>>
跨页传值另一种方法
查看>>
最短路相关
查看>>
Java基础学习总结 -- 多线程的实现
查看>>
深入浅出JMS(一)——JMS简介
查看>>
HTML5实现图片文件异步上传
查看>>
MyBatis 3模糊查询(like)写法(转)
查看>>
Ubuntu 16.04安装Memcached(单机)
查看>>
Spring Data Redis与Jedis的选择(转)
查看>>
毛玻璃背景
查看>>
OpenFire源码学习之八:MUC用户聊天室
查看>>
UE3客户端加入DS过程
查看>>
STM32——GPIO口的八种工作模式
查看>>
数据库表扩展字段设计思路
查看>>
递归(字符串)遇到一个不懂的问题
查看>>
HDFS内容追加
查看>>
java基础--集合框架2(强软弱虚)
查看>>
pomelo服务器环境搭建
查看>>
JZOJ 4.22 2131——【2017.4.21普及】数字游戏
查看>>
RQNOJ PID322——单词查找树
查看>>