首页 > 大型网站是如何做到页面跳转的

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

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

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

2.

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


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

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


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

【热门文章】
【热门文章】