当视图/控制器需要在同一文件中时，构建js应用程序的最佳方式是什么？

Question

我正在构建一个学习应用程序，其中有一堆不同的页面类型，学习者将通过它进行活动。它将是一个符合SCORM的学习对象。

这是我到目前为止所拥有的结构。

application/
  models/
    scorm.js
    sequence.js
    session.js

  pagetypes/
    multichoice.js
    truefalse.js
    basic.js

  utilities/
    jquery.js
    api.js

我的页面类型做了查看和控制，我应该把它们分开吗？我将它们组合在一起的原因是，当我构建一个新的页面类型时，我只需将它放到那个文件夹中，它就会立即被代码识别出来。

你们觉得怎么样？胺基硫酸盐？

Answer 1

我猜你是根据页面交互的类型来区分方法的。

我看不出有什么理由不按你的方式做。只要sco需要的一切都在清单中，您就可以随心所欲地细分脚本。分离出单独的页面类型可能只会节省一点加载时间……但仅当您仅将所需内容加载到HTML页面中时，您实际上是在sco会话中导航页面。如果您将所有脚本加载到单个HTML页面中，然后动态更改页面div的内容，那么您的脚本将加载一次&对于所有页面类型的脚本，您可能只有一个精简的文件。

我可能会选择后者&将交互绑定到标记中的类或in。1个文件，更少的工作量，我可以在其他包中使用，而不必确保我拥有我需要的每一种页面类型……

Answer 2

使用JavaScript可以很难将其分离出来，因为它离视图太近了。只要数据与实际视图(看起来像是您的示例中的视图)分开，这将是一个很好的设计。我认为页面类型更像是控制器，而HTML就是视图。最重要的部分是保持模型与视图的分离。除非您试图构建可重用的JavaScript/HTML组件，否则页面类型可以模糊控制器和视图的角色。