前端新技术（离线缓存、CDN内容分发网络）

七彩冰淇淋与藕汤

已于 2022-03-28 20:35:05 修改

阅读量3.6k

点赞数

文章标签：前端

于 2022-03-28 16:33:33 首次发布

本文链接：https://blog.csdn.net/qq_36582776/article/details/123797477

版权

一、离线缓存

前端离线技术实现_灬点点的博客-CSDN博客_前端离线存储

定义：离线缓存可以将站点的一些文件缓存到本地，它是浏览器自身的一种机制，将需要的文件缓存下来，以便后期即使没有连接网络，被缓存的页面也可以展示

如何实现：Application Cache 与 Cache Storage、service-worker、PouchDB、Redux-Offline、Redux 与 IndexDB 结合

Application Cache ：

（1）首先，在需要缓存的html文件的根节点（html）添加manifest属性，属性值是当前目录下的一个appcache的文件：文件为：

<!DOCTYPE html>

    <html manifest="demo.appcache">

    <head>
　　　　<meta charset="UTF-8">
　　　　    <title></title>
　　</head>
    <body>
　　　　<img src="1.jpg" alt="" />
    </body>
</html>

（2）然后是创建一个(···).appcache的文件,简写如下：


CACHE MANIFEST

最低0.47元/天解锁文章

七彩冰淇淋与藕汤

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
前端新技术（离线缓存、CDN内容分发网络）

一、离线缓存前端离线技术实现_灬点点的博客-CSDN博客_前端离线存储定义：离线缓存可以将站点的一些文件缓存到本地，它是浏览器自身的一种机制，将需要的文件缓存下来，以便后期即使没有连接网络，被缓存的页面也可以展示如何实现：Application Cache 与 Cache Storage、service-worker、PouchDB、Redux-Offline、Redux 与 IndexDB 结合Application Cache ：（1）首先，在需要缓存的html文件的根节点（html
复制链接

扫一扫