开发多屏幕Web界面 - 例如Bloomberg终端

Question

我希望构建一个需要多屏界面的基于Web的应用程序。

为了实现这一点，我正在寻找以下内容：

1. 任何可能的前端库 - 例如jQuery插件。
2. 我应该看看任何设计模式。
3. 任何基于Web的多屏界面的成功开源实现。

Answer 1

看看https://golden-layout.com/，它已经支持将组件弹出到新的浏览器窗口中。

Answer 2

您应该查看Composite和Decorator模式。实际上，GoF书（Design Patters，Gamma等人）中的案例研究（Lexi文字处理器）具有高度相关性 - 构建UI元素的层次结构，这些元素可能包含也可能不包含其中的小部件集合。

案例研究为这种UI设计提供了一个很好的起点，涵盖了许多您可能不会考虑的事项。