14、模块化应用开发：组件与架构解析

模块化应用开发：组件与架构解析

1. 组件概述

组件是应用设计的重要部分，指带有视图的应用片段，这些视图包含可在浏览器中渲染并供用户直接交互的 HTML 元素。组件可简单如悬浮框，能作为其他组件的一部分或独立组件进行渲染。多数情况下，组件是具有自身 MVC 或 MV* 架构的独立模块，依附于应用并利用应用提供的功能。

在设计中，有三个主要组件和一个名为 NotificationWidget 的小部件。NotificationWidget 也是组件，但它基于用户与其他组件的交互来加载和显示。例如，当用户点击页脚组件中的“Support”链接时，会启动该小部件。

组件的控制器逻辑可复杂也可简单。例如，内容组件的控制器逻辑较复杂，而页脚组件的控制器相对简单。组件与应用其他部分的唯一连接点是通过在向核心注册时传入的沙箱实例。

组件可在应用启动阶段加载，也可在之后动态加载。在实现中，头部、页脚和内容组件在启动阶段加载，而 NotificationWidget 按需动态加载。

2. 组件的必要方法

每个组件都需实现两个必要方法以与核心模块和应用其他部分注册和连接，即 init 和 destroy 方法。
- init 方法：由核心模块调用以启动组件的初始化。
- destroy 方法：由核心模块调用以禁用或完全从应用中移除组件。

以下是页脚组件的实现示例：

init: functio