何焕春，杨怿

(1.湖北师范大学计算机科学与技术学院，湖北黄石435002；2.微额速达(上海)金融信息服务有限公司，上海浦东200120)

软件设计开发

基于MVVM构架的Web前端框架研究

何焕春1,2，杨怿1

(1.湖北师范大学计算机科学与技术学院，湖北黄石435002；2.微额速达(上海)金融信息服务有限公司，上海浦东200120)

近年来随着软件行业开发规模快速增长，前端开发人员开始致力于优化前端代码，使得前端代码更加易于维护、复用等。于是在发展的历程中衍生出了一系列的前端架构思想，其中MVVM思想逐渐成熟并慢慢地作为了行业的主流架构以及架构规范。该文针对MVVM架构思想作一些深入的研究，并深度剖析MVVM架构的原理和实现。

MVVM；前端框架；AngularJS

当年Web刚发展起来时，项目的前后端不用分离，同时项目组只需要三至五人即可完成所有的开发。前端页面服务端生成，浏览器只用负责展现即可。页面都在服务器端生成，页面展现在浏览器中。基本上浏览器展现的数据就是服务器端发送的数据。这种项目处理的模式使得项目开发变得更加简单明快，在本地架构一个WEB服务器就能完成所有的开发。然而随着业务越来越复杂，遇到了一些棘手的问题：随着前端Web Service越来越多，导致前端代码的调用关系变得极其复杂并且前端代码的可维护性变得越来越差。因此为了提高代码的可维护性，前端工程师们整理出了一些优秀的前端架构思想。其中，MVVM构架就是逐渐发展成型的典型架构之一

1 Web前端构架发展历程

1.1 HCJ时代

最早期的Web界面非常简单，以用户浏览为主，界面元素和渲染非常简单，前端界面基本上都是HTML代码。……