AngularJS简单介绍

##AngularJS  

    AngularJS是一款由Google公司开发维护的前端MVC框架，  

    其克服了HTML在构建应用上的诸多不足，从而降低了开发成本提升了开发效率。

    使用双大括号{{}}语法进行数据绑定；
使用DOM控制结构来实现迭代或者隐藏DOM片段；
支持表单和表单的验证；
能将逻辑代码关联到相关的DOM元素上；
能将HTML分组成可重用的组件。  

      

#AngularJS下载  

    1 AngularJs官网下载 (翻墙)  

    2 通过npm下载 npm install angular  

    3 通过bower下载 bower install angular  

  

#AngularJs与jQuery区别  

    jQuery: 准确的说是一个类库(类库是一系列函数的集合),DOM为驱动核心  

    AngularJS: 是一个框架(是许多类库的集合) 以数据和逻辑维驱动(核心),  

            框架对开发的流程和模式做了约束 对比约束进行开发 更注重实际的业务逻辑  

  

 #MVC

    MVC是一种开发模式，由模型（Model）、视图（View）、控制器（Controller）3部分构成，  

        采用这种开发模式为合理组织代码提供了方便、降低了代码间的耦合度、功能结构清晰可见。  

    MVC更多应用在后端开发程序里，后被引入到前端开发中，由于受到前端技术的限制便有了一些细节的调整，  

        进而出现了很多MVC的衍生版（子集）如MVVM、MVW、MVP、MV*等。  

      

    模型（Model）一般用来处理数据（读取/设置），一般指操作数据库。  

    视图（View）一般用来展示数据，比如通过HTML展示。  

    控制器（Controller）一般用做连接模型和视图的桥梁。  

  

#AngularJs核心:   

    ##模块化: 将应用划分维如干模块,每个模块有各自的职责,实现代码复用,最总组合成一个整体  

    ##数据绑定:   

        单项绑定:模型到试图的数据传递  

                ng-bind :数据不会闪烁   

                {{}}    :数据会闪烁 解决办法 属性加上 ng-bloak 并将Angular.js包放在前边引入  

                ng-bind-template:多数据绑定  

                配图说明...............  

  

        双向绑定:模型与视图之间相互传递数据  

                ng-model:<input type="text" ng-model="xxx"> 模型到试图的数据传递需要结束表单元素  

                语义化标签,  

                依赖注入..  

    ##指令:  

        通过扩展一系列的HTML属性或标签来弥补HTML在构建应用（App）时存在诸多不足之处  

          

    ##作用域:  

        控制器(每个都对应一个模型)之间产生嵌套 每个模型又是一个对象 所以$scope便产生了作用域  

          

    ##过滤器:  

        在AngularJS中使用过滤器格式化展示数据，在“{{}}”中使用“|”来调用过滤器，使用“:”传递参数。  

          

    ##依赖注入:  

        运行时自动查找依赖关系，然后将查找到依赖传递给使用者的一种机制 AngularJS内置有许多服务  

          

    ##服务:  

        服务是一个对象或函数，对外提供特定的功能。  

          

    ##模块加载:  

        模块可以在被加载和执行之前对其自身进行配置。我们可以在应用的加载阶段配置不同的逻辑  

          

    ##路由..  

        一个应用是由若个视图组合而成的，根据不同的业务逻辑展示给用户不同的视图，路由则是实现这一功能的关键  

          

# 类似框架: BackBone、KnockoutJS、Vue、React..