AngularJS简单介绍

ゞ浴缸里的玫瑰 2022-07-12 07:08 133阅读 0赞

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