javascript - 浏览器内 MVC 应用程序的文件结构

Question

我正在构建一个浏览器内 MVC 应用程序，它最终将通过 PhoneGap 在移动设备上运行。该应用程序将与 API 服务器通信，但在其他方面将完全独立。当我在 Rails 中开发标准的服务器端 MVC 应用程序时，模型、视图和控制器被分离到不同的文件和目录中。浏览器内 MVC 应用程序的标准做法是什么？MVC 组件通常是在单个 JS 文件中定义的，还是通常是分开的？

Answer 1

在开发阶段，是的，javascript 文件应该分开并有据可查。您可以使用requirejs分别加载您的模块/视图/集合。

这是一个关于异步模块定义（AMD）的很棒的教程。它主要是关于如何使用模块来组织应用程序。我建议你阅读它。 以下是教程作者使用的示例项目结构：

├── js
│   ├── libs
│   │   ├── jquery
│   │   │   ├── jquery.min.js
│   │   ├── backbone
│   │   │   ├── backbone.min.js
│   │   └── underscore
│   │   │   ├── underscore.min.js
│   ├── models
│   │   ├── users.js
│   │   └── projects.js
│   ├── collections
│   │   ├── users.js
│   │   └── projects.js
│   ├── views
│   │   ├── projects
│   │   │   ├── list.js
│   │   │   └── edit.js
│   │   └── users
│   │       ├── list.js
│   │       └── edit.js
│   ├── router.js
│   ├── app.js
│   ├── main.js
│   ├── order.js
│   └── text.js
└── index.html

对于验证/部署阶段，使用类似grunt的工具来启动自动化任务。例如将javascript文件连接并缩小为一个文件。（这大约需要 30 秒，具体取决于您的配置方式）
这是一个 grunt 文件的示例。