如题,今天看到一个 php 后端渲染页面的项目居然点击跳转的时候页面上方会带资源加载进度条,挺好奇原理的。前端路由的话完全由 js 接管感觉做出进度条还可以理解,后端不是点击跳转页面命令的时候浏览器就会刷新页面会话么,为啥它可以做到进度条逐个显示资源加载,然后加载完了再 reload 页面。。。。
![]() | 1 vanton 2022-02-03 22:27:21 +08:00 1 、setInterval 2 、websocket |
![]() | 2 also24 2022-02-03 22:42:09 +08:00 via Android 直觉上是 pjax |
![]() | 3 HackerJax 2022-02-04 09:35:22 +08:00 via iPhone 那是假的 |
![]() | 4 ch2 2022-02-04 12:01:41 +08:00 首次请求返回一个几百字节的 html ,它主要负责下载 js 等,下载完之后让位出去,用它来实现进度条很简单 |
![]() | 5 molvqingtai 2022-02-04 13:17:27 +08:00 via Android 假的 |
![]() | 6 LeeReamond OP @ch2 问题跳转就是 A 标签,我看了一下并没接什么骚气的函数,就是普通的跳转 |
![]() | 7 lete 2023-04-08 22:08:51 +08:00 ![]() 有兴趣的话,可以看看这个 https://github.com/Lete114/page-load-progress |
![]() | 8 houchangxiaowang 2023-04-22 16:07:27 +08:00 @lete 不错哦,谢谢 |