Twitch、YouTube、Twitter 和 Reddit 等网站如何在不实际重新加载的情况下

Question

例如，在其他网站上，当您单击链接时，页面会变为空白一秒钟，您会在浏览器选项卡中看到加载指示器。但是，在 YouTube 和 Twitch 等网站上，当您单击链接时，您将被发送到没有加载指示符且根本没有白屏的页面。这是怎么做的？我知道它与 Ajax 相关，但是对此的现代方法是什么？

Answer 1

您可以使用History.pushStateAPI更改地址栏中的 URL，而不会导致页面重新加载。

history.pushState(state, title, url);

Answer 2

它被称为 SPA - 单页应用程序。页面内容被重写，无需重新加载。内容是在后台使用 ajax 获取的，然后在前端框架的帮助下应用到页面。

如果您想了解更多，只需 google for single-page application。