Question

App.js 是为单个静态页的应用提供服务的。这意味着它可以在网页的会话中保持所有页面导航，将“Page”定义为可以实例化的DOM节点。

page 是具有某些通用组件的HTML元素，如topbar和内容区。注意，虽然这些组件是完全可选的，但是“app-page”格式是HTML的唯一要求。

如下代码：

<div class="app-page" data-page="home">
  <div class="app-topbar"></div>
  <div class="app-content"></div>
</div>

app-page 必须有一个 data-page 属性，该属性表示页面的名称。每当任何JavaScript代码试图加载该页面时，都会使用这个名称。

如下加载页面：

App.load('home');

这一行JavaScript指示app.js加载名为“home”的页面。在引擎盖下，app.js用这个名字克隆HTML“app-page”元素，并使其对用户可见。通过这种方式，我们可以创建同一页面的多个实例，并在不同的上下文中使用它。