1

我对这项技术非常好奇,我想知道 Facebook、Twitter 和许多网站如何在点击链接后重新加载页面而不刷新?

我在谷歌上搜索了这个,但没有找到任何有用的信息,在这篇 Quora文章中。有人说他们使用 WebSocket API 或 AJAX 来请求类似的东西。

那么,这个技术/技术名称是什么?

4

1 回答 1

1

大多数现代网站都使用 FE 框架,如 React、Angular、Vue 和许多其他框架,其主要特点是动态构建 DOM 以响应用户操作,而无需重新加载页面。

这些特定框架的动力工具之一是路由器。这几乎是从存储在 FE 端的蓝图重建页面

请查看 React Router 的工作演示: https ://codesandbox.io/s/nn8x24vm60

PS:当用户使用特定的路由器链接导航时,几乎 JS 会隐藏/删除 DOM 中的特定元素并用预期的元素替换它们(对于其他开发人员检查 DOM 来说,这看起来像普通链接,除非你真的检查附加的事件侦听器)

于 2020-04-10T12:24:19.870 回答