如何在没有空闲时间的情况下动态更改 same-server 上的页面?
How to dynamically change pages on same-server without idle time?
我在 Youtube 和其他各种网站上看到了一种方法,当切换到同一服务器上的另一个页面时,浏览器不会直接将用户重定向到新页面,但是
- 在加载新页面之前保持在同一页面上
- 动态加载新页面内容,看似在页面更改之间没有任何空闲时间
- 在屏幕顶部显示进度条
- 保留任何 html headers 或其他固定内容不变
在这个gif中你可以看到页面顶部的动画,在改变页面时,有一个进度条,新页面无缝显示。
这是我有点无助的地方,我试图以这种方式寻找有用的东西几乎没有任何结果,我不知道是否有 library/framework 我根本找不到或我不知道动态页面加载有一些问题。
如何达到这样的效果,需要什么技术?
您需要一个单页应用程序框架。例如看 AngularJS
如果你愿意,你可以使用纯 JS 代码使用 AJAX。
我在 Youtube 和其他各种网站上看到了一种方法,当切换到同一服务器上的另一个页面时,浏览器不会直接将用户重定向到新页面,但是
- 在加载新页面之前保持在同一页面上
- 动态加载新页面内容,看似在页面更改之间没有任何空闲时间
- 在屏幕顶部显示进度条
- 保留任何 html headers 或其他固定内容不变
在这个gif中你可以看到页面顶部的动画,在改变页面时,有一个进度条,新页面无缝显示。
这是我有点无助的地方,我试图以这种方式寻找有用的东西几乎没有任何结果,我不知道是否有 library/framework 我根本找不到或我不知道动态页面加载有一些问题。
如何达到这样的效果,需要什么技术?
您需要一个单页应用程序框架。例如看 AngularJS
如果你愿意,你可以使用纯 JS 代码使用 AJAX。