javascript - 大型网站是如何做到页面跳转的

Question

如题，大型网站是如何做到页面跳转的？
以人人网为例。

1.点击左边侧边栏上的菜单时，会跳转到相应的页面，而且用户明显感到整个页面有刷新，相应菜单项的链接地址是以http形式写的，如“与我相关”这个菜单项的链接地址是http://matter.renren.com/

2.

但是当点击页面上半部分的导航条时，也会跳转到相应的页面，每个菜单项都对应一个新的页面，并不是做的简单的选项卡切换，链接地址是一些相对路径，如“原创内容”的链接地址是 /422127035/newsfeed/origin
可是为什么点击这些导航条上的菜单项时感觉不到页面有刷新呢，左边竖排的菜单和最右边的内容明显没有刷新感，这是为什么呢？是如何做到的？
希望有朋友能帮我解惑，谢谢！

Answer 1

如果页面请求完成到加载完成的时间差少于16ms（屏幕刷新率60HZ），给用户的感觉就是页面没有明显的跳转。
另外，前端可以使用PJAX技术，局部刷新数据，并且改变浏览器地址，也可以实现类似无感觉的跳转的效果。
可以参考我最近在做的这个：
http://115.159.106.238/login.html
（在登录和注册之间切换基本感觉不到跳转，但是确实是跳转了）

PS:大型网站很少会做成SPA（单页应用）……页面分开是更利于加载、协作、升级、维护的……

Answer 2

首先你去理解什么是spa，也就是单页应用。然后我告诉你，这种技术叫前端路由。剩下的你就自己去学习吧，咱们点到为止。