网页上方的资源加载进度条实现是什么原理？

2022-02-03 22:17:35 +08:00
 LeeReamond

如题，今天看到一个 php 后端渲染页面的项目居然点击跳转的时候页面上方会带资源加载进度条，挺好奇原理的。前端路由的话完全由 js 接管感觉做出进度条还可以理解，后端不是点击跳转页面命令的时候浏览器就会刷新页面会话么，为啥它可以做到进度条逐个显示资源加载，然后加载完了再 reload 页面。。。。

1675 次点击
所在节点    前端开发
8 条回复
vanton
2022-02-03 22:27:21 +08:00
1 、setInterval

2 、websocket
also24
2022-02-03 22:42:09 +08:00
直觉上是 pjax
HackerJax
2022-02-04 09:35:22 +08:00
那是假的
ch2
2022-02-04 12:01:41 +08:00
首次请求返回一个几百字节的 html ，它主要负责下载 js 等，下载完之后让位出去，用它来实现进度条很简单
molvqingtai
2022-02-04 13:17:27 +08:00
假的
LeeReamond
2022-02-04 13:30:33 +08:00
@ch2 问题跳转就是 A 标签，我看了一下并没接什么骚气的函数，就是普通的跳转
lete
2023-04-08 22:08:51 +08:00
有兴趣的话，可以看看这个 https://github.com/Lete114/page-load-progress
houchangxiaowang
2023-04-22 16:07:27 +08:00
@lete 不错哦，谢谢

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/831807

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX