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>