应用缓存（Application Cache）

最新推荐文章于 2021-02-18 10:40:45 发布

傻她你呀

最新推荐文章于 2021-02-18 10:40:45 发布

阅读量888

点赞数

分类专栏： html5 文章标签：应用缓存离线缓存 manifest appcache html5离线缓存

本文链接：https://blog.csdn.net/qq_41672008/article/details/93892980

版权

本文介绍了HTML5的应用缓存技术，通过创建manifest文件指定缓存资源，实现在离线状态下仍能浏览网页，并提高页面加载速度。文中详细展示了设置缓存的过程，包括建立服务器、配置静态文件、连接网络前后的影响，强调了应用缓存对用户体验和服务器压力的缓解作用。

摘要由CSDN通过智能技术生成

应用缓存

应用缓存 是html5 的一项技术，可以缓存服务器发送过来的文件有以下几个优点：

离线浏览
提升页面加载速度
可以缓解服务器的压力

应用缓存的实现通过创建一个manifest文件来指定缓存的文件

话不多说，首先建立一个服务器

使用 koa 创建一个http服务器

const koa = require("koa")
const Router = require("koa-router")
const static = require("koa-static")
const fs = require("fs")
const server = new koa()
server.use(static(__dirname))
const router = new Router()
server.use(router.routes()).use(router.allowedMethods())
router.get("/hello",async ctx=>{
   
    const data = fs.readFileSync("./Hello.html","utf8")
    ctx.body = data
})
router.get("/index",async ctx=>{