Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/418.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
Javascript 超快速切换菜单链接,无需使用标签_Javascript_Performance - Fatal编程技术网

Javascript 超快速切换菜单链接,无需使用标签

Javascript 超快速切换菜单链接,无需使用标签,javascript,performance,Javascript,Performance,尝试使用菜单导航,内容加载速度非常快,与正常加载速度不同。背后的技术是什么?我肯定它不是tab,因为我用Chrome开发工具检查了标记和网络选项卡。只是好奇。从已经包含的一些文件来看,它正在使用该网站正在使用Backbone.js 但使用的基本技术是: 它正在加载所有模板 http://www.revivalx.com/my/templates/content/privacyTemplate.html http://www.revivalx.com/my/templates/content/ab


尝试使用菜单导航,内容加载速度非常快,与正常加载速度不同。背后的技术是什么?我肯定它不是tab,因为我用Chrome开发工具检查了标记和网络选项卡。只是好奇。

从已经包含的一些文件来看,它正在使用

该网站正在使用Backbone.js

但使用的基本技术是:

它正在加载所有模板
http://www.revivalx.com/my/templates/content/privacyTemplate.html
http://www.revivalx.com/my/templates/content/aboutTemplate.html
等等


在页面加载和缓存它们时。然后,当您单击菜单时,它只是用模板替换容器的html。所以它的工作方式有点像标签。

这是一个简单的跳转到部分技巧

首先创建id为的div,如服务联系人等

<div id="contact" ></div>

<div id="service" ></div>

确保它们之间的间隙不会出现在同一页上

现在创建链接,就像

<a href="#contact">contact</a>
<a href="#service">serice</a>