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..  

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值