Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ssl/3.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 像youtube一样预加载页面_Html_Webpage_Preloading - Fatal编程技术网

Html 像youtube一样预加载页面

Html 像youtube一样预加载页面,html,webpage,preloading,Html,Webpage,Preloading,我对Youtube的显示系统感到惊讶。例如,当我们在主页上单击左侧菜单的一个链接进入该页面时,从一个页面转到另一个页面时不会闪烁 看起来新页面已预加载,然后仅显示与以前页面的差异。 此外,还有一个进度条系统(就像这个),它在当前页面上始终以60%结束,然后在新页面上以60%开始,然后直接转到100% 知道他们是怎么做到的吗?Javascript,具体的服务器配置 感谢这是Angular或React等框架作为单页应用程序(SPA)的一项功能,它使用数据API加载数据,并通过双向绑定动态更新已更改的

我对Youtube的显示系统感到惊讶。例如,当我们在主页上单击左侧菜单的一个链接进入该页面时,从一个页面转到另一个页面时不会闪烁

看起来新页面已预加载,然后仅显示与以前页面的差异。 此外,还有一个进度条系统(就像这个),它在当前页面上始终以60%结束,然后在新页面上以60%开始,然后直接转到100%

知道他们是怎么做到的吗?Javascript,具体的服务器配置


感谢

这是Angular或React等框架作为单页应用程序(SPA)的一项功能,它使用数据API加载数据,并通过双向绑定动态更新已更改的内容。

这是Angular或React等框架作为单页应用程序(SPA)的一项功能,它使用数据API加载数据,并使用双向绑定动态更新已更改的内容。

我在服务器端使用jQuery-Bootstrap和Apache-PHP。有机会用这些技术来做吗?你可以。。。但我强烈推荐像Angular、React、Meteor之类的东西。这需要很多逻辑来自己构建。如果它是一个现有的网站,React可能是你最好的选择。这是在现有站点上最容易实现的,尽管这仍然需要大量的工作。从零开始做水疗通常更容易,然后尝试改造现有的场地。幸运的是,我刚才提到的所有这些都是用JavaScript编写的,可以与PHP后端一起工作,也可以与引导很好地结合。我在服务器端使用jQuery-Bootstrap和Apache-PHP。有机会用这些技术来做吗?你可以。。。但我强烈推荐像Angular、React、Meteor之类的东西。这需要很多逻辑来自己构建。如果它是一个现有的网站,React可能是你最好的选择。这是在现有站点上最容易实现的,尽管这仍然需要大量的工作。从零开始做水疗通常更容易,然后尝试改造现有的场地。幸运的是,我刚才提到的所有这些都是用JavaScript编写的,可以与PHP后端一起工作,也可以与引导很好地结合。这几乎就是你要换掉的jQuery。