http://www.donglongfei.com/2012/04/modular-mobile-application-using-jquery-mobile-requirejs-backbonejs/

本文通过一个原型应用来探讨，如何通过PhoneGap，使用HTML5技术实现模块化的跨平台移动应用开发。下面的例子，使用了JQuery Mobile作为mobile ui框架，RequireJS实现AMD（模块化），以及BackboneJS作为MVC框架。

基本思路

移动应用通常由若干个功能组成，比如Function A，Function B，Function C。而每个功能又由若干个view（视图）构成，比如Function A可能由View A和View B组成。
在使用JQuery Mobile为移动框架开发移动APP时，每个功能可以视作一个html，比如functionA.html，而一个html中又包含若干个data- role为page的div容器，每个div容器即为一个view视图。view视图负责显示实际的用户UI和响应用户交互。

模块化移动应用开发意味着我们可以尽可能的把view隔离开，从html文件中隔离开，而通过某种方式（比如html模板技术和MVC架构）动态的 进行组装，这样一个view就构成了一个模块，其中包含ui显示、业务逻辑和数据模型。这样开发团队可以最大程度的重用view，甚至通过组装快速实现移 动应用开发。

---