超快速切换菜单链接,无需使用选项卡

时间:2014-02-09 06:51:58

标签: javascript performance

http://www.revivalx.com/my/#home

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

3 个答案:

答案 0 :(得分:0)

通过查看已包含的某些文件,可以使用backbonejs.org

答案 1 :(得分:0)

该网站正在使用Backbone.js

但使用的基础技术是:

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

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

答案 2 :(得分:0)

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

首先使用id等服务联系人创建div。

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

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

确保它们之间的间隙不会出现在单页

现在创建像

这样的链接
<a href="#contact">contact</a>
<a href="#service">serice</a>