javascript - 单页 Web 应用程序设计

Question

我正在创建单页 Web 应用程序。

我为应用程序结构创建了一个基本设计。 This回答关于 this视频非常有帮助。

该应用程序包含一个 html 页面。 JS代码将改变它的内容。Usher 将根据 URL 提供一个模块(domain.com/#list#item1 将返回一个项目模块)。

该模块将使用沙箱从服务器检索数据(为此将使用应用程序核心)。该模块将通过向沙箱传递一个键值列表来设置页面样式，并将以这种方式设置页面 HTML。

你怎么看。它是否足够解耦？

Answer 1

简短回答:有点。这取决于您的模块的复杂程度。

长答案:

我正在开发一个遵循核心 -> 沙盒实例 -> 模块模式的应用程序，就像您描述的那样。

关于我的申请，唯一没有回答的问题是:

“当模块 A 和模块 B 有一个相同或几乎相同的小 UI 组件时会发生什么？”。

在您的情况下，这可能是 5 个模块中的 3 个模块的 Accordion 。此 Accordion 可能是特定于应用程序的，因此只需在核心中添加一个 jquery 插件，并通过 Sandbox 将其公开给模块就不会削减它。

我最终得出了两种可能的解决方案:

1) 将通用功能用作特殊类型的模块，其他模块可以通过沙箱请求该功能。这是在给定时间只有一个 UI 实例可见的情况 - 这可能是你的情况 -

2) 为我重用的对象使用一个简单的原型(prototype)实例化，并将它添加为所有使用它的模块的依赖项。