javascript - 如何在同一服务器上动态更改页面而无需空闲时间？

Question

我在Youtube上看到了一个方法和各种其他网站，当更改到同一服务器上的另一个页面时，浏览器不会直接将用户重定向到新页面，而是

• 保持在同一页面上，直到加载新页面
• 动态加载新页面内容，看起来在页面更改之间没有任何空闲时间
• 在屏幕顶部显示进度条
• 保留所有 html header 或其他固定内容不变

在此 gif 中，您可以看到页面顶部的动画，在更改页面时，有一个进度条，并且新页面无缝显示。

这是我有点无助的地方，我尝试以这种方式找到有用的东西几乎没有任何结果，我不知道是否有一个我根本找不到的库/框架用于此用途，或者有一些困惑我不知道动态页面加载。

这样的效果是如何实现的，需要什么技术？

Answer 1

您需要一个单页应用程序框架。例如查看 AngularJS

如果需要，您可以使用 AJAX 使用纯 JS 代码来完成。