精华内容
下载资源
问答
  • 离线缓存
    2022-04-10 20:17:21

    目录

    离线存储技术

    什么是Application Cache

    离线存储使用方法

    浏览器端.appcache文件清单使用详解

    注意事项


    离线存储技术

    离线存储指的是:在用户没有与因特网连接时,可以正常访问站点或应用,在用户与因特网连接时,更新用户机器上的缓存文件。

    HTML5提出了两大离线存储技术:localstorage与Application Cache,两者各有应用场景;传统还有离线存储技术为Cookie。

    经过实践我们认为localstorage应该存储一些非关键性ajax数据,做锦上添花的事情;

    Application Cache用于存储静态资源,仍然是干锦上添花的事情;

    而cookie只能保存一小段文本(4096字节);所以不能存储大数据,这是cookie与上述缓存技术的差异之一,而因为HTTP是无状态的,服务器为了区分请求是否来源于同一个服务器,需要一个标识字符串,而这个任务就是cookie完成的,这一段文本每次都会在服务器与浏览器之间传递,以验证用户的权限。

    所以Application Cache的应用场景不一样,所以使用也不一致。

    什么是Application Cache

    原理:HTML5 的离线存储是基于一个新建的 .appcache 文件的缓存机制(不是存储技术),通过这个文件上的解析清单离线存储资源,这些资源就会像cookie一样被存储了下来。之后当网络在处于离线状态下时,浏览器会通过被离线存储的数据进行页面展示

    HTML5引入了应用程序缓存技术,意味着web应用可进行缓存,并在没有网络的情况下使用,通过创建cache manifest文件,可以轻松的创建离线应用。

    Application Cache带来的三个优势是:

    ① 离线浏览- 用户可在应用离线时使用它们。

    ② 提升页面载入速度- 已缓存资源加载得更快。

    ③ 降低服务器压力- 浏览器将只从服务器下载更新过或更改过的资源。

    而且主要浏览器皆以支持Application Cache,就算不支持也不会对程序造成什么影响

    Application Cache离线存储的应用是什么

    乘坐飞机、手机信号弱、去演讲的时候可能没有网络,这个时候可以使用离线存储。

    离线存储使用方法

    浏览器端  

    1.浏览器上只需要一个简单的设置即可,在文档的 <html> 标签中包含 manifest 属性

    <html manifest="demo.appcache">

    文件扩展名建议为:.appcache。首次访问网页缓存在本地的文件,如果下一次如果没有网,就不走服务器了,就取这个文件清单了

    服务器端

    1.在服务器添加配置正确的 MIME-type,即 "text/cache-manifest"。必须在 web 服务器上进行配置。
    

    浏览器端.appcache文件清单使用详解

    CACHE MANIFEST

    CACHE:
    # 需要缓存的文件列表
    style1.css
    1.jpg
    01.js
    http://localhost/applicationcache/02.js
    http://localhost/applicationcache/zepto.js

    NETWORK:
    # 不需要缓存的
    4.jpg

    FALLBACK:
    # 访问缓存失败后,备用访问的资源,第一个是访问源,第二个是替换文件*.html /offline.html
    2.jpg/3.jpg

    • CACHE: 表示需要离线存储的资源列表,由于包含 .appcache文件的页面将被自动离线存储,所以不需要把页面自身也列出来。
    • NETWORK: 表示在它下面列出来的资源只有在在线的情况下才能访问,他们不会被离线存储,所以在离线情况下无法使用这些资源。不过,如果在 CACHE 和 NETWORK 中有一个相同的资源,那么这个资源还是会被离线存储,也就是说 CACHE 的优先级更高。
    • FALLBACK: 表示如果访问第一个资源失败,那么就使用第二个资源来替换他,比如上面这个文件表示的就是如果访问根目录下任何一个资源失败了,那么就去访问 offline.html 。

    在离线状态时,操作 window.applicationCache 进行离线缓存的操作。

    如何管理和加载更新缓存:

    (1)更新 .appcache文件

    (2)通过 javascript 操作

    (3)清除浏览器缓存

    • 在线的情况下,浏览器发现 html 头部有 manifest 属性,它会请求 .appcache 文件,如果是第一次访问页面 ,那么浏览器就会根据 .appcache文件的内容下载相应的资源并且进行离线存储。如果已经访问过页面并且资源已经进行离线存储了,那么浏览器就会使用离线的资源加载页面,然后浏览器会对比新的 .appcache 文件与旧的 .appcache 文件,如果文件没有发生改变,就不做任何操作,如果文件改变了,就会重新下载文件中的资源并进行离线存储。
    • 离线的情况下,浏览器会直接使用离线存储的资源。

    注意事项:

    (1)浏览器对缓存数据的容量限制可能不太一样(某些浏览器设置的限制是每个站点 5MB)。

    (2)如果 .appcache文件 ,或者内部列举的某一个文件不能正常下载,整个更新过程都将失败,浏览器继续全部使用老的缓存。

    (3)引用 manifest 的 html 必须与 .appcache文件同源,在同一个域下。

    (4)FALLBACK 中的资源必须和 .appcache文件同源。

    (5)当一个资源被缓存后,该浏览器直接请求这个绝对路径也会访问缓存中的资源。

    (6)站点中的其他页面即使没有设置 manifest 属性,请求的资源如果在缓存中也从缓存中访问。

    (7)当 .appcache文件发生改变时,资源请求本身也会触发更新。

    更多相关内容
  • 离线缓存就是在网络畅通的情况下将从服务器收到的数据保存到本地,当网络断开之后直接读取本地文件中的数据。本文给大家介绍Android实现离线缓存的方法,需要的朋友参考下
  • HTML5离线缓存技术 附源码.我们知道h5多了很多新技术,其中之一便是可以离线缓存数据,这样当网络断了时,仍然可以浏览网页
  • 脱机缓存==========此扩展有助于在脱机环境中工作。 当处于活动状态并进行记录时,它将记录从网页发出的请求,并维护响应的缓存。 处于活动状态并进行重放时,它将使用存储在缓存中的响应来欺骗/模拟响应,就像您...
  • iOS WKWebView离线缓存

    2021-07-09 12:45:34
    功能包括: WKWebView的使用、JS和OC的交互、网页内容加载进度条的实现、WKWebView+UITableView混排 、 WKWebView离线缓存等。GitHub:https://github.com/wsl2ls/iOS_TipsiOS_Tips集合简介:1、暗黑模式2、AppleID...
  • 使用缓存接口可为您的应用带来以下三个优势: 离线浏览 – 用户可在离线时浏览您的完整网站 速度 – 缓存资源为本地资源,因此加载速度较快。 服务器负载更少 – 浏览器只会从发生了更改的服务器下载资源。 应用...
  • 简介 离线访问对基于网络的应用而言越来越...应用缓存(又称 AppCache)可让开发人员指定浏览器应缓存哪些文件以供离线用户访问。即使用户在离线状态下按了刷新按钮,您的应用也会正常加载和运行。 引用清单文件 要启
  • ios-WebView离线缓存.zip

    2019-07-11 19:53:08
    基于YYCache和系统的NSURLProtocol实现WebView离线缓存功能
  • 本篇文章主要介绍了okhttp3.4.1+retrofit2.1.0实现离线缓存的示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • android做到一定程度,需要考虑缓存的问题,不信可以掏出手机看看淘宝等一些app是否无网的情况下还可以浏览,不过大部分app并没有考虑到这些问题,解决Android的缓存有哪些方法呢 1.IO流读写文件 2.数据库 3....
  • 可以实现浏览器或者HTML5+APP在无网络下离线存储数据。可以实现浏览器或者HTML5+APP在无网络下离线存储数据。
  • 离线缓存demo.rar

    2019-07-30 11:28:23
    离线缓存demo.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
  • 即有网环境下我们请求数据时,如果没有缓存或者缓存过期了,就去服务器拿数据,并且将新缓存保存下来,如果有缓存而且没有过期,则直接使用缓存。无网环境下我们请求数据时,缓存没过期则直接使用缓存缓存过期了则...
  • 暂时中断时自动缓存添加、更新和删除。 高级编辑 offline-edit-advanced-min.js用于间歇性和完整的离线编辑工作流程。 还包括对附件的有限支持。 基本地图图块 offline-tiles-basic-min.js为简单的、仅间歇性的离线
  • 前端性能优化之“离线缓存manifest”

    千次阅读 多人点赞 2020-11-16 09:19:54
    在 本专栏 的 这一篇文章 中,给各位引出了一个“不同寻常的”性能体验优化方式 —— 离线缓存,并介绍了它的简单用法,本文来详细说说! 啥是离线缓存 离线缓存又叫“ApplicationCache”,是从浏览器缓存中分出来...

    本专栏这一篇文章 中,给各位引出了一个“不同寻常的”性能体验优化方式 —— 离线缓存,并介绍了它的简单用法,本文来详细说说!


    啥是离线缓存

    离线缓存又叫“ApplicationCache”,是从浏览器缓存中分出来一块缓存区,用来存储一定的资源。它是HTML5的新特性。你可以使用它将构成web应用程序的资源,如HTML、css、JavaScript、图片等存储到本地缓存中,这样不仅可以使以后进来时更加方便,还可以在离线状态时“无差别”继续使用web应用!

    离线缓存和普通的浏览器网页缓存有明显的区别:

    1. 缓存目标:任何网页都会自动强制缓存当前网页(无刷新情况下的上一个页面),而离线缓存针对整个web应用程序,且只保存你明确指定的资源。
    2. 离线缓存的安全性高于浏览器网页缓存!
    3. 离线缓存在无网络状态下几乎也能正常运行!

    离线缓存的一些特性

    1、对象

    HTML5离线缓存有一个专门的对象(JavaScript实现),也就是俗称的ApplicationCache API。我们可以通过控制它来动态控制缓存 —— 它可以触发一系列与缓存状态有关的事件。而且它和缓存宿主对象的关系是一一对应的。

    比较离谱的是:离线缓存和H5一样,不被IE9及以下的浏览器支持。我们可以用以下代码检测当前浏览器是否支持离线缓存:

    if(window.applicationCache){
    	console.log("浏览器支持离线缓存")
    }else{
    	console.log("浏览器不支持离线缓存")
    }
    

    2、属性

    applicationCache对象是有status属性的,它可以返回当前applicationCache的状态 —— 这是很有用的,本文将介绍另一种更新缓存的方法,就和此有关:

    1. 0:未缓存(UNCACHED)
    2. 1:空闲(IDLE),应用缓存已是最新,并且没有被标记为“废弃”
    3. 2:检查中(CHECKING),此时applicationCache对象已经和一个应用缓存关联了
    4. 3:下载中(DOWNLOADING)
    5. 4:更新准备就绪(UPDATEREADY),此状态表示缓存不是最新的,而且可以更新
    6. 5:“废弃”(OBSOLETE),该缓存已过期

    其中“ IDLE ”是缓存中最典型的状态,它说明当前应用程序的所有资源都已经缓存,而且不需要更新。

    3、事件

    对于不同的状态,ApplicationCache API提供了特定的事件和回调特性:

    1. checking:当检查更新,或者第一次下载manifest文件时,首先会被触发
    2. noupdate:当检查到manifest文件不需要更新时触发
    3. downloading:第一次下载或更新manifest文件时触发,而且全程只触发一次!
    4. progress:在manifest文件下载过程中可被周期性触发
    5. cached:manifest文件下载完毕而且缓存成功后触发
    6. updateready:当manifest文件下载完毕后触发,此后可通过重新加载页面读取缓存文件或通过swapCache()方法更新缓存文件
    7. obsolete:请求资源出错(如访问manifest缓存文件404或410)时触发

    离线缓存的实现(应用)

    它是通过配置一个配置文件manifest进行的,文首链接文章中已经说明:

    CACHE MANIFEST
    # 2020-10-28 v1.1.0
    1.html
    /css/ss1.css
    /img/cur.png
    /img/loading.gif
    /img/loading2.gif
    /img/QQ图片20190521233736.jpg
    /img/Cache_46072b3594a9a6b5..jpg
    /img/.png
    /img/logo.png
    /js/ss1.js
    
    NETWORK:
    *   # 这里星号表示除缓存文件外的全部资源
    
    FALLBACK:
    / /1.html
    

    它实际上是一个文本文件,列出了所有需要执行操作的资源!第一行必须以CACHE MANIFEST开头

    manifest文件实际上只包含三个部分:需要缓存的、不能缓存的,和无网时的代替文件:

    1. CACHE MANIFEST - 在此标题下列出的文件将在首次下载后进行缓存(到本地)(:以后进来都不请求了直接拿
    2. NETWORK - 在此标题下列出的文件需要每次与服务器连接请求资源,且不会被缓存
    3. FALLBACK - 在此标题下列出的文件规定当页面无法访问时的回退页面(比如 404 页面),这里代码中的意思是“当无法建立因特网连接时,用 “1.html” 替代 / (根)目录下的所有文件”

    离线缓存不只是前端的事:它需要服务器的支持!
    笔者团队在项目中使用的Tomcat服务器,需要更改web.xml文件(conf目录下):
    注意: 代码中extension的值必须和你自己写的manifest文件的后缀名一致!

    <mime-mapping>
    	<extension>appcache</extension>
    	<mime-type>text/cache-manifest</mime-type>
    </mime-mapping>
    

    注意:
    如果manifest文件以及manifest文件所列出的资源无法加载,整个缓存的更新过程则无法进行,浏览器会使用最后一次成功的缓存。
    CACHE、NETWORK、FALLBACK在manifest中的顺序是任意的,每一部分可以出现一次或多次。
    CACHE是必需的,NETWORK和FALLBACK是可选的。

    如何引用?

    在web应用程序中每个需要缓存的页面都需要包含manifest文件的引用:

    <html manifest="cache.appcache"><!-- manifest属性值为manifest文件路径+名称 -->
    

    这里的路径可以使用绝对URL(http/https开头),也可以使用相对路径!


    离线缓存的更新

    有一件很可怕的事:服务器资源更新了但是用户看不到!这是由于设置了离线缓存但是缓存文件资源没有更新导致的!

    更新HTML5离线缓存目前有两种比较常用的方法:

    1. 修改manifest文件

    在上面代码中,你会发现第二行第一个字符是“#”:这表示注释。但是它也可以满足其他用途 —— 修改日期和版本号的注释行是一种使浏览器重新缓存资源文件的方法
    (时间和版本号注释行通常在manifest文件的第二行)

    1. 使用applicationCache对象的update()事件更新资源

    比较疑惑的是:这种方式必须也要更新manifest文件!
    使用这种方式触发时需要先调用事件:applicationCache.update() ,这将使浏览器尝试更新用户的缓存。然后判断当 applicationCache.status 处于 UPDATEREADY 状态(前面说过的“更新准备就绪”)时,调用 applicationCache.swapCache() 即可将原缓存换成新缓存:

    var appCache=window.applicationCache;
    appCache.update();
    //...
    if(appCache.status==window.applicationCache.UPDATEREADY){
    	appCache.swapCache();
    }
    

    上面这段代码是通过按钮点击来手动执行资源更新检测 —— 这也很常见!

    当然,上面这段代码可以放到head中每次执行:

    window.addEventListener("load",function(e){
    	window.applicationCache.addEventListener("updateready",function(e){
    		if(window.applicationCache.status==window.applicationCache.READY){
    			window.applicationCache.swapCache();
    			if(confirm("资源有更新,是否重新装载?")){
    				window.location.reload();
    			}
    		}
    	})
    })
    
    展开全文
  • HTML5新技术 离线缓存

    2021-06-13 02:03:05
    什么是离线缓存离线缓存,就是将指定的网页文件(例如css、js)保存到本地,当用户没有网络时,依旧可以通过浏览器使用这些文件。为何要用离线缓存从网站所有者的角度来说,增加离线缓存功能,能够让用户更好的使用...

    什么是离线缓存

    离线缓存,就是将指定的网页文件(例如css、js)保存到本地,当用户没有网络时,依旧可以通过浏览器使用这些文件。

    为何要用离线缓存

    从网站所有者的角度来说,增加离线缓存功能,能够让用户更好的使用网站。

    离线缓存的设置步骤

    1 配置manifest文件

    2 通过JS进行缓存的控制

    manifest文件的配置

    1. 添加manifest属性

    将需要离线缓存的文件罗列下来,存储于后缀名为manifest的文件当中。 在HTML文件中引入manifest文件

    2. manifest文件的基本组成

    基本语法:

    CACHE MANIFEST

    # 该符号后面的内容为注释信息,第一行的CACHE MANIFEST不能少

    CACHE:

    # 需要缓存的文件

    NETWORK:

    # 不需要缓存的文件

    FALLBACK:

    # 当页面无法访问时的回退页面/重定向

    代码实例:

    CACHE MANIFEST

    CACHE:

    ../test.html

    ../css/reset.css

    ../css/test.css

    # 需要注意的是:manifest文件中书写的路径,是以该文件的路径为基础,而非以html所在文件夹为基础

    NETWORK:

    ../images/logo.jpg

    FALLBACK

    离线缓存的工作流程图:

    6511975be549dc9cb6ae9d22473578b8.png

    使用JavaScript控制缓存

    缓存的各类属性和事件,均绑定在“applicationCache”上。

    1. 涉及缓存的属性:

    applicationCache.status

    用于表示当前的缓存状态,取值范围为0~5。

    0代表未缓存,通常是这些页面没有运用离线缓存技术,就是这个状态。

    1代表空闲,当缓存是最新的时候为1,不需要做什么操作。

    2代表检查中,即浏览器在检查manifest文件是否为最新。

    3代表下载中,当前有更新,并且正在下载。

    4代表更新就绪,代表当前有更新,并且已经下载完毕。等待下次载入页面的时候,进行更新。

    5代表缓存过期。即找不到正确的缓存文件时候,会变成5。

    2. 涉及缓存的事件:

    update 用于主动更新缓存

    updateready 当有新的缓存,并更新完毕之后,会触发此事件

    progress 进度事件,当进行缓存的下载时,会不断的触发该事件

    progress中的event对象包含:loaded和total。loaded代表当前已经

    加载完成的文件,total为总共需要更新的文件数。

    checking 正在检查

    downloading 正在下载

    obsolete 缓存过期

    cached 空闲,缓存为最新状态

    error 报错

    noupdate 检查更新结束,不需要更新

    部分事件使用案例代码:

    // update事件使用案例

    applicationCache.update();

    // updateready事件使用案例

    application.addEventListener('updateready', function(){

    console.log('已完成缓存的更新');

    }, false);

    // progress事件使用案例

    application.addEventListener('progress', function(){

    console.log(applicationCache.status);

    }, false);

    HTML5学堂微信~欢迎扫码关注

    展开全文
  • 离线缓存这个功能的实现有以下步骤:1,以nginx做web服务器为例,在mime.types文件中添加一行:text/cache-manifest manifest,作用是为了让服务器识别该类型文件2,在html文件html标签中添加一行manifest="cache....

    离线缓存这个功能的实现有以下步骤:

    1,以nginx做web服务器为例,在mime.types文件中添加一行:text/cache-manifest     manifest,作用是为了让服务器识别该类型文件

    f3424cb7256cfca254746f4575cbf4e6.png

    2,在html文件html标签中添加一行manifest="cache.appcache",告诉浏览器要加载的内容。

    79e08f489f79f0c1e2b39b89d4485595.png

    3.在该目录下新建一个文件cache.appcache,文件内容为:

    a5581e5b87c96633e292caeeaf69afc8.png

    chche manifest 为版本号:

    chche 是告诉浏览器要缓存的文件:

    network 是指定不会缓存的文件,这里的*号表示所有其他文件都需要因特网连接

    fallback:是如果无法建立因特网连接时加载的页面

    完成后便可以执行一下,会发现浏览器已经加载了相应的文件在本地上,断开网络,这些文件依然可以访问。

    fdd29a62e731d905e811846ae20c6257.png

    使用 jQuery Mobile 与 HTML5 开发 Web App —— HTML5 离线缓存

    本文要介绍的,是 HTML5 离线网络应用程序的特性,离线网络应用程序在 W3C 中的实际名称是 "Offline Web applications" ,也称离线缓存.当用户打开浏 ...

    离线缓存 manifest

    程序的离线缓存由一个叫做manifest的文本文件控制,把需要离线缓存的文件列在里面即可,这个列表还可以控制需要缓存的情况,甚至当用户从缓存地址进入到没有缓存的地址应该显示什么 当浏览器下载解析了ma ...

    H5离线缓存技术Application Cache

    H5离线缓存技术Application Cache 1.离线缓存技术:是浏览器本身的一种机制 HTML5引入Application Cache(应用程序缓存)技术,离线存储可以将站点的一些文件存储在本 ...

    H5应用程序缓存 - Cache manifest

    一.作用 离线浏览 - 根据文件规则把资源缓存在本地,脱机依然能够访问资源,联网会直接使用缓存在本地的文件.优化加载速度,节约服务器资源. 二.适用场景 正如 manifest 英译的名字:离线应用程 ...

    源码推荐:移动端商城(微信小程序源代码) WebView离线缓存

    移动端商城(微信小程序源代码)(上传者:腾讯攻城师jack) 功能包括:商品橱窗,商品搜索,购物车,结账等功能. TableView嵌套webView自适应高度(上传者:linlinchen) tab ...

    Atitit&period;h5 web webview性能提升解决方案-----fileStrore缓存离线存储&plus;http方案

    Atitit.h5 web webview性能提升解决方案-----fileStrore缓存离线存储+http方案 1. 业务场景 android+webview h5 css背景图性能提升1 2. ...

    h5 离线缓存小demo

    传统的web应用是在线应用,这其实也是web的特色,对于PC时代问题并不大,但到了移动互联网时代,设备终端位置不再固定,依赖无线信号,网络的可靠性变得更低.比如:在火车上,穿山越岭进隧道,便无法访问w ...

    H5 离线缓存的用法

    H5离线缓存基础系列   1.什么是离线缓存 离线缓存:离线缓存可以将站点的一些文件缓存到本地,它是浏览器自己的一种机制,将需要的文件缓存下来,以便后期即使没有连接网络,被缓存的页面也可以展示. 2. ...

    HTML5 的 applicationCache 应用程序缓存离线存储功能与 manifest 文件

    一. 实现 HTML5 applicationCache 的步骤 一般的操作步骤 1. 新建 manifest 文件 如文件名为  lzwme.manifest,内容配置参考如下: 01 CACHE ...

    随机推荐

    Nhibernate基础使用教程以及简易封装

    1.Nhibernate简介 NHibernate是一个面向.NET环境的对象/关系数据库映射工具.对象/关系数据库映射(object/relational mapping,ORM)这个术语表示一种技 ...

    SharePoint 网站登录不上,3次输入用户名&sol;密码白页

    新搭建的SharePoint 2013环境,第一次干的这么憋屈的慌,先是接了一个Ghost的服务器,装好的服务器.Sql.SharePoint.VS等一系列,却发现怎么都登陆不上去,输入账号3次以后白 ...

    hdu 4965 Fast Matrix Calculation

    题目链接:hdu 4965,题目大意:给你一个 n*k 的矩阵 A 和一个 k*n 的矩阵 B,定义矩阵 C= A*B,然后矩阵 M= C^(n*n),矩阵中一切元素皆 mod 6,最后求出 M 中所 ...

    JAVA 理解封装的概念,private私有的,public公有的

    封装就是把不想或者不该告诉别人的东西隐藏起来,把可以告诉别人的公开. 做法:修改属性的访问权限来限制对属性的访问,并为每一个属性创建一对取值和赋值的方法,用于对这些属性的访问 通过封装,可以在给属性赋 ...

    CCNP第三天 EIGRP综合实验

    实验题如图所示:其中R2连R3 R5为快速以太网线,其他均为串线,帧中继默认是富曼斯(全连网状结构),即所有接入的路由之间的PVC都已经打通,所有  要关闭R5和R8的逆向arp功能,来手工配置R5到 ...

    聊一聊Android 6&period;0的运行时权限

    Android 6.0,代号棉花糖,自发布伊始,其主要的特征运行时权限就很受关注.因为这一特征不仅改善了用户对于应用的使用体验,还使得应用开发者在实践开发中需要做出改变. 没有深入了解运行时权限的开发 ...

    &num; 欢迎使用Markdown编辑器写博客

    似的发射点 甜甜 他inn他 absct{ for i 士大夫似的 胜多负少 import os import sys import subprocess import textwrap if sys ...

    sieve的objective-c实现

    用obj-cl来实现前面的sieve代码貌似"丑"了不少,应该有更好的方式:比如不用Foundation或不用NSArray类,而改用其它更"底层"的类. 先把 ...

    &lbrack;Swift&rsqb;LeetCode1019&period; 链表中的下一个更大节点 &vert; Next Greater Node In Linked List

    We are given a linked list with head as the first node.  Let's number the nodes in the list: node_1, ...

    python自动化开发-&lbrack;第五天&rsqb;-面向过程、模块、包

    今日概要: 1.内置模块 2.协程函数 3.递归 4.面向过程编程与函数编程 5.模块 6.包 7.re正则 一.内置模块 1.匿名函数lambda 定义:匿名函数通常是创建了可以被调用的函数,它返回 ...

    展开全文
  • 一、离线缓存 前端离线技术实现_灬点点的博客-CSDN博客_前端离线存储 定义:离线缓存可以将站点的一些文件缓存到本地,它是浏览器自身的一种机制,将需要的文件缓存下来,以便后期即使没有连接网络,被缓存的页面...
  • 浏览器的缓存机制,多种多样,离线缓存是其中之一,这也是为了更好的用户体验,性能优化的重要一步。我们来讲讲这个离线缓存。 什么是HTML5离线缓存离线缓存(Application Cache)就是web应用缓存方式的一种,...
  • 本地存储和离线缓存

    2021-09-03 09:36:41
    本地存储和离线缓存 离线缓存: 在没有网的情况下可以进行访问 离线缓存是针对整个应用,浏览器缓存是单个文件 离线缓存断网了还是可以打开页面,浏览器缓存不行 离线缓存可以主动通知浏览器更新资源 相同: 本地存储...
  • TML5提供了一种离线应用缓存机制,使得网页应用可以...开启离线缓存的步骤也非常简单:(1) 准备缓存清单文件(menifest text/cache-manifest),用于描述页面需要缓存的资源列表(2) 在需要离线使用的页面中添加menifes...
  • WKWebView离线缓存

    2022-07-15 04:02:27
    WKWebView离线缓存
  • 1 什么是离线缓存? HTML5 引入离线缓存(Application Cache),这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。 2 优势 离线浏览 - 用户可在应用离线时使用它们。 速度 - 已缓存资源加载得更快...
  • html5离线缓存简单demo

    2015-09-13 12:18:32
    该资源包含了一个使用html5使用离线缓存的简单demo,具体可以参考博客http://blog.csdn.net/mockingbirds/article/details/48412967
  • 离线缓存离线缓存可以将站点的一些文件缓存到本地,它是浏览器自己的一种机制,将需要的文件缓存下来,以便后期即使没有连接网络,被缓存的页面也可以展示。即使有网络,优先本地存储的资源2,应用程序缓存为应用带...
  • Manifest 离线缓存

    2019-12-07 20:17:03
    3、使用离线缓存 4、离线缓存应用案例 1、认识 HTML5 离线应用 大部分网页必须要连网才能访问,但是有些时候,比如在飞机上或地下隧道,没有网络信号就无法访问网站,这对于 web 用户的体验是很不好的,因此 ...
  • html5的离线缓存使用方法发布时间:2020-06-15 10:51:01来源:亿速云阅读:109作者:Leah这篇文章将为大家详细讲解有关html5的离线缓存使用方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 88,000
精华内容 35,200
关键字:

离线缓存