Facebook的网站前端是如何设计的?

时间:2013-09-16 16:35:39

标签: css html5 design-patterns

我想知道Facebook前端是如何设计的,特别是它是固定的右侧边栏?我想在我的网络应用程序中实现类似的侧边栏来显示用户的任务。但我首先想更好地了解Facebook的侧栏是如何工作的。

我首先要了解的是他们如何处理右侧边栏始终存在!当您在Facebook中打开新链接时,它不会重新加载。我理解视觉CSS部分,那里没有问题:position:fixed; right:0; top:0; height:100%;。但我真的很想知道他们是如何做到这一点的:当你点击Facebook内部加载新页面的链接(例如点击朋友的名字)时,就会加载整个新页面内容,但似乎侧栏没有再次加载。它只是一直坐在那里。

当您单击链接时,它们不会执行任何AJAX操作,因此整个页面的内容不会通过AJAX加载?是不是很快或者他们使用某种(对我未知的)设计模式?

1 个答案:

答案 0 :(得分:1)

由于没有人想回答这个问题,我想我能提供答案,这些答案帮助我最准确地回答了我的问题。

答案在于Facebook's dev blog post,其中描述了Facebook开创的 BigPipe设计模式。 BigPipe将页面分成不同的块,称为“pagelets”,并异步(并行)加载它们。

我找到了open source PHP implementation的BigPipe和live example here,但它已经很久了,因为它已经更新,并且看起来并没有处于活跃的开发阶段。