Web应用的架构和SPA

Hybrid

Web应用的架构

    混合式移动应用主要是一个使用移动优化后的Javascript和CSS样式创建的一个很像原生应用的HTML5网页。一个简单的app可以只包含一个单WebView和一个网页。一旦成功创建，WebView将会加载你的默认进入网页来初始化页面。
一个典型的Web应用程序的架构可如下表示：

    这个架构是自解析的，但是，有几个要点需要重申：
    1、UI事件生成DOM对象基于用户交互行为；
    2、该模型抽象了网络连接和存储使得控制器和视图无法获悉数据的源和目标。
    3、该模型被认为是关于数据存储的任何东西的唯一组件。

SPA（Single Page Application，单页应用程序）

    SPA是整个用户体验包含在一个单一的网页的web应用程序。这些应用程序在同一个页面运行不同的视图或内容而不是重新加载页面或者导向另一处的资源。这是通过把数据从表现层分离出来实现的，而且非常依赖Javascript。特别地，使用这种模式可以在运行资源有限的移动web应用程序时提高用户体验。
    SPA 设计考虑要素：
    1、尽可能地模块化代码；
    2、如果可能的话，尽量使这些模块相互独立的；
    3、为变量名设置合适的访问模式，以免暴露重要的东西；
    4、确立一个你可以明确识别模块依赖关系的机制，使得在运行期间可正确加载；
    5、非UI模块可在命令行中运行是和有利的，这样可以大大简化单元测试。