在使用了AngularJS重构团队内部的平台之后，一直想总结点什么，这里先说说学习和使用AngularJS的感受。AngularJS是一款开源的java script MV*（MVW、MVVM、MVC）框架，目前由Google维护。AngularJS弥补了HTML在构建应用方面的不足，其通过使用标识符（directives）结构，来扩展Web应用中的HTML词汇，使开发者可以使用HTML来声明动态内容，从而使得Web开发和测试工作变得更加容易。

AngularJS的创始人Misko是这样来描述框架诞生的历史的：AngularJS最初是作为一个编外项目（side project），当时我想去看看是否有可能让Web设计师（非开发者）只使用HTML标签来创建简单的应用程序。随着时间的推移，AngularJS演变成了一个全面的开发框架。AngularJS的设计理念是：构建UI应该是声明式的，这样的灵感来自于Misko在Adobe公司从事Flex方面工作的时候。

带你走近AngularJS系列：

谈谈我个人使用的感受吧：最大的区别是对开发流程的影响，以往我想做一个Web应用，会先用纯Html构造原型，所有的数据均是假数据，静态的写到Html文件中，然后不断的调试CSS样式。待页面整体的展示让我满意之后，就开始Js与服务器的交互开发，并初步把页面的假数据替换掉，绑定成Js调用Ajax的返回。然而在使用到Table / List等数据加载的时候，我通常会在Js中来构造这些Dom元素。随着应用的庞大和复杂，我发现我在Js中构造了大量的Dom元素，下面是一个例子：

function buildPersonHtml(data){
var html = [];
data = data[0];
for(var id in data){
var count = 0;
if(data[id].length==0)
continue;
html[html.length] = '

随着我构造这些Dom元素的Js代码越来越多，我的原型Html页面的内容也就越来越少，少到最后很可能就只有一个header一个footer和一个空的div而已，其他所有内容，都是Ajax从服务器读取，拿到Json对象的返回之后，才开始构建Dom加载。

接下来，在使用AngularJS重构的时候，我发现页面的原型设计好之后，基本上不需要做什么改变，即所有的Dom元素，页面上该看到的东西，都在你的Html中声明出来了。仅仅看Html文件，任何人都能知道这个页面大概有哪些元素（表单、表格等各种UI控件），然后AngularJS用ng-model的方式让你把这些Dom元素和数据进行了一种双向绑定，即把你的数据（Data Model）声明到页面中。（我觉得这一步完全有可能由Web设计师来完成）下面的代码片段是一个例子：