课程笔记
课程/Html5/前端开发
HTML5存储
介绍
章节
问答
笔记
Sandaydi
2022-11-14
离线缓存
0赞 · 0采集
慕设计4221782
2020-03-18
如何引用manifest
截图
0赞 · 0采集
慕设计4221782
2020-03-18
创建manifest文件
截图
0赞 · 0采集
慕设计4221782
2020-03-18
H5离线缓存
navigator.online=true在线状态
=false离线状态
截图
0赞 · 0采集
Swallow_c
2018-04-09
h5离线缓存原理
截图
0赞 · 0采集
wbc0301
2018-01-28
离线缓存原理
截图
0赞 · 0采集
燕唯落
2018-01-11
原理图
截图
0赞 · 0采集
燕唯落
2018-01-11
离线缓存
截图
0赞 · 0采集
qq_一分货_0
2017-09-04
代码演示
截图
0赞 · 0采集
qq_一分货_0
2017-09-04
方法。。。
截图
0赞 · 0采集
qq_一分货_0
2017-09-04
创建mainfest文件
截图
0赞 · 0采集
qq_一分货_0
2017-09-04
离线缓存的原理
截图
0赞 · 0采集
三在
2017-08-29
如何在在HTML页面引用manifest文件: 1.html引入manifest文件 <html manifest="sample.appcache" > 2.在服务器添加:mine-type text/cache-manifest ../apache/conf/mime.types 文件最后追加: text/cache-manifest appcache
截图
0赞 · 0采集
三在
2017-08-29
如何检测是否在线? navigator.onLine = true 在线 navigator.onLine = false 离线
截图
0赞 · 0采集
慕瓜5189485
2017-08-25
1、离线缓存(application cache):让web应用在离线情况下继续使用,通过manifest文件指明要缓存的资源。 2、检测是否在线:navigator.onLine 3、原理(如图):读取离线缓存,同时检查manifest文件,有更新时更新文件和缓存。 4、缺陷:更新时需要重新拉取manifest中指定的所有文件,占用资源;更新内容会在下次生效。 5、浏览器支持:IE8-不支持。
截图
0赞 · 0采集
慕UI9843876
2017-05-30
使用appcache: 1、创建manifest文件(如图); 2、引用manifest文件:HTML页面<html manifest="...">,服务器端添加mime.type(text/cache-manifest)。 3、更新manifest,触发updateready事件: window.applicationCache.onupdateready = function(e){ if(this.status == this.UPDATEREADY){ // manifest有更新 this.swapCache(); // 重置appcache if(confirm("是否需要刷新页面?")) window.location.reload(); } else{ // 没有更新,爱干啥干啥 } }; 4、不从离线缓存调用数据:让浏览器找不到manifest文件(删除或重命名) [ 收起全文 ]
截图
0赞 · 0采集
慕UI9843876
2017-05-30
1、离线缓存(application cache):让web应用在离线情况下继续使用,通过manifest文件指明要缓存的资源。 2、检测是否在线:navigator.onLine 3、原理(如图):读取离线缓存,同时检查manifest文件,有更新时更新文件和缓存。 4、缺陷:更新时需要重新拉取manifest中指定的所有文件,占用资源;更新内容会在下次生效。 5、浏览器支持:IE8-不支持。
截图
0赞 · 0采集
白小九
2017-03-22
使用appcache: 1、创建manifest文件(如图); 2、引用manifest文件:HTML页面<html manifest="...">,服务器端添加mime-type(text/cache-manifest)。 3、更新manifest,触发updateready事件: window.applicationCache.onupdateready = function(e){ if(this.status == this.UPDATEREADY){ // manifest有更新 this.swapCache(); // 重置appcache if(confirm("是否需要刷新页面?")) window.location.reload(); } else{ // 没有更新,爱干啥干啥 } }; 4、不从离线缓存调用数据:让浏览器找不到manifest文件(删除或重命名)
截图
0赞 · 0采集
白小九
2017-03-22
1、离线缓存(application cache):让web应用在离线情况下继续使用,通过manifest文件指明要缓存的资源。 2、检测是否在线:navigator.onLine 3、原理(如图):读取离线缓存,同时检查manifest文件,有更新时更新文件和缓存。 4、缺陷:更新时需要重新拉取manifest中指定的所有文件,占用资源;更新内容会在下次生效。 5、浏览器支持:IE8-不支持。
截图
0赞 · 0采集
木冇魚丸sxl
2017-03-10
离线缓存的原理
截图
0赞 · 0采集
就1
2017-02-22
H5离线缓存原理:有更新,需修改manifest文件,用户每次访问的是上一次的缓存,存在于App cache
截图
0赞 · 0采集
慕粉3375540
2017-01-11
实现代码
截图
1赞 · 0采集
慕粉3375540
2017-01-11
H5离线缓存 原理
截图
0赞 · 0采集
GivenCui
2016-12-08
App Cache 的manifest的使用
截图
0赞 · 0采集
GivenCui
2016-12-08
App Cache的原理图 1. server上有更新,必须更改manifest文件(e.g. 改变版本号),此时认为有更改, 所有manifest指定文件全部pull 2. 更改下一次才能生效
截图
0赞 · 0采集
GivenCui
2016-12-08
Application Cache 离线缓存
截图
0赞 · 0采集
突然想起you
2016-11-01
离线缓存的原理
截图
0赞 · 0采集
qq_我心飞杨_0
2016-10-27
是否断网
0赞 · 0采集
GraceZy
2016-10-27
H5离线缓存 1. 离线缓存( offline application ): 它可以让Web应用在离线的情况下继续使用,通过manifest文件指明需要缓存的资源 2. 检查是否在线 navigator.onLine 值为 true 在线; false 离线 3. 使用 (1) 创建manifest文件 (2) 在 HTML 页面中引用 manifest 文件 <html manifest = "manifest.appcache"> (3) 在服务器添加一个类型: mime-type text/cache-manifest
0赞 · 0采集
GraceZy
2016-10-27
H5离线缓存原理与缺陷(部分缺陷): (1) 若manifest更新,则只有在第二次访问时才能显示更新的内容,第一次仍显示的是原(app cache)缓存中的内容; (2) manifest有更新的时候,是把manifest里指定的文件【全部】重新拉取一次,而不是只拉取修改了的文件;
截图
1赞 · 3采集
数据加载中...