文件名称:instant-multi-page-app
文件大小:4.75MB
文件格式:ZIP
更新时间:2024-04-20 22:26:28
HTML
即时多页应用 这是使用诸如Service Worker, ReadableStream和CSS Containment之类的现代Web技术即时加载的多页面应用程序的演示。 目的是证明多页应用程序可以像单页应用程序一样快地加载,而没有单页应用程序带来的所有增加的复杂性。 每个请求都会被Service Worker拦截,然后由Worker从页眉,页脚和页面内容构建每个页面。 这些部分都是单独HTML模板,这些模板分别获取,然后放在一起形成一个页面。 为了确保尽快向用户显示内容,使用ReadableStream将内容流式传输到浏览器。 这意味着浏览器不需要等待整个响应到达,而是可以在内容可用时立即开始呈现。 服务工作者还可以在本地缓存所有资产,因此不再需要从网络中获取这些资产。 结果是,即使浏览器为每个页面执行了整个页面的重新加载,每个页面也像单个页面的应用程序一样被立即加载。 这样
【文件预览】:
instant-multi-page-app-master
----readablestream()
--------index.html(3KB)
----webpack.config.prod.js(2KB)
----service-worker.js(7KB)
----images()
--------index.html(2KB)
----package.json(710B)
----readme.md(4KB)
----index.html(5KB)
----package-lock.json(54KB)
----serviceworker()
--------index.html(3KB)
----src()
--------css()
--------img()
--------templates()
--------js()
----.gitignore(208B)
----blog()
--------index.html(2KB)