Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何允许用户在不停止正在进行的进程的情况下在网页之间进行转换?_Html_Reactjs_Smoothstate.js - Fatal编程技术网

Html 如何允许用户在不停止正在进行的进程的情况下在网页之间进行转换?

Html 如何允许用户在不停止正在进行的进程的情况下在网页之间进行转换?,html,reactjs,smoothstate.js,Html,Reactjs,Smoothstate.js,我有一个多页面的web应用程序,在这个程序中,用户可以在正在进行的过程中转到不同的页面。例如,一个用户可能在/home上,他可以单击指向/dashboard的链接,同时,假设一些音乐正在通过标签播放。如何允许用户在不暂停音频的情况下进行传输?有点平稳的过渡 在互联网上,我发现smoothState.js可能会有所帮助,但我不知道如何使用使用create-react-app制作的react应用程序实现它 谢谢如果您正在进行页面加载,则正在进行的过程将暂停。这意味着您将需要一个单独的页面,通过访问其

我有一个多页面的web应用程序,在这个程序中,用户可以在正在进行的过程中转到不同的页面。例如,一个用户可能在
/home
上,他可以单击指向
/dashboard
的链接,同时,假设一些音乐正在通过
标签播放。如何允许用户在不暂停音频的情况下进行传输?有点平稳的过渡

在互联网上,我发现
smoothState.js
可能会有所帮助,但我不知道如何使用使用
create-react-app
制作的react应用程序实现它


谢谢

如果您正在进行页面加载,则正在进行的过程将暂停。这意味着您将需要一个单独的页面,通过访问其他“页面”,您将更改页面的内容,但将保留完整的音频。您可以通过定义页面的主要内容(当您单击按钮以查看不同的视图时,该内容不会更改)以及定义标记的自定义内容部分(当需要不同的内容时,该部分将被替换)来实现这一点

现在,如果启用URL重写,您可以确保只有一个索引页,它可以接收一些参数,这些参数将显示在首次加载时使用哪些内容进行初始化,并且/home或/dashboard将以参数化方式在引擎盖下重写到主URL中


您也可以使用库来实现这一点,但这是要实现的主要目标。

也许可以将您的
标记放在通过路由渲染的组件之上的父组件中?我对这一点不太熟悉,因此您可以更具体地说明要使用哪些库…@ankit您不一定需要使用库。AJAX请求支持内置于Javascript中。你需要在1号阅读。AJAX请求发送2。回调3。DOM操作,一旦您对这些主题有足够的了解,您将能够解决您的问题。