创建不加载的多页网站

时间:2018-10-27 03:28:37

标签: html web loading

因此,我正在尝试创建一个具有多个不同页面的网站。我原本只打算走传统路线,但是这个网站引起了我的注意:https://anyoneworldwide.com/

“选择您的位置”屏幕之外的所有内容均未加载。 URL更改了,但是我的标签上没有加载指示器,或者刷新按钮上没有“ X”(我使用的是chrome btw)

所以我的问题是;我如何在自己的网站中使用这种加载技术?

2 个答案:

答案 0 :(得分:1)

问题中提到的特定网站是使用React开发的。它是一个javascript框架。这个概念被称为单页应用程序。路由是通过浏览器中运行的javascript完成的,而内容是使用ajax调用加载的。结帐this文章。

答案 1 :(得分:0)

简单的答案,选择一种当前流行的用于构建单页应用程序(SPA)的前端框架。

例如AngularJs,React.js,vue.js

这些框架使您可以轻松创建客户端路由器,该路由器将(以一种或另一种方式)新内容注入到现有页面中,因此无需刷新。