angularjs的介绍及特点

逃离我推掉我的手 2021-09-14 06:18 396阅读 0赞

一.angularjs的介绍

AngularJS是Google开源的一款JavaScript MVC的前端框架，弥补了HTML在构建应用方面的不足，其通过使用指令（directives）结构来扩展HTML词汇，使开发者可以使用HTML来声明动态内容，从而使得Web开发和测试工作变得更加容易。

AngularJS 是一个为动态WEB应用设计的结构框架，提供给大家一种新的开发应用方式，这种方式可以让你扩展HTML的语法，以弥补在构建动态WEB应用时静态文本的不足，从而在web应用程序中使用HTML声明动态内容。Angular可以帮助你组织JavaScript代码，可以创建响应式网站（会对用户的请求产生快速的反应），Angular可以和JQuery很好的协调、方便测试（搭建可维护的应用）。  
     简单的解释Angular就是一个可以给HTML加上互动性的客户端JS框架。

模型（Model）一般用来处理数据（读取/设置），一般指操作数据库。    
视图（View）一般用来展示数据，比如通过HTML展示。    
控制器（Controller）一般用做连接模型和视图的桥梁。

总结：Google开源的一款JavaScript MVC的前端框架；动态展示页面数据, 并与用户进行交互

二.angularjs设计理念

简化对Web开发者的经验要求，或者说让Web开发变得简单、同时让Web本身变得功能更强。所以，AngularJS框架强调UI应该是用HTML声明式的方式构建，数据和逻辑再进一步的由框架提供的机制自动匹配绑定。

三.angularjs的特点

1.双向数据绑定——实现了把model和view完全绑定在一起，model变化，view也变化，反之亦然；  
2.模板 — — 在AngularJS中，模板相当于HTML文件被浏览器解析到DOM中，AngularJS遍历这些DOM，也就是说AuguarJS把模板当做DOM来操作，去生成一些指令来完成对view的数据绑定。  
3.声明式依赖注入 —— 将这种后端语言的设计模式赋予前端代码，这意味着前端的代码可以提高重用性和灵活性，未来的模式可能将大量操作放在客户端，服务端只提供数据来源和其他客户端无法完成的操作；  
4.完善的页面指令 —— 可以用来创建自定义的标签，也可以用来装饰元素或者操作DOM属性。

5.测试驱动开发——angularjs一开始就以此为目标，使用angular开发的应用可以很容易地进行单元测试和端对端测试，这解决了传统的js代码难以测试和维护的缺陷、

四.angularjs能用来干什么？

1.前后端分离，后端只提供数据接口，路由，模板渲染等都在前端完成；  
2.html和js分离,展示和逻辑分离；  
3.减少js代码，减少DOM元素查找，事件绑定等代码；  
4.适合单页应用程序开发；

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

AngularJS: 是一个框架(是许多类库的集合) 以数据和逻辑维驱动(核心),    
            框架对开发的流程和模式做了约束 对比约束进行开发 更注重实际的业务逻辑

AngularJS把原来常在后台实现的模板渲染，路由的功能都移到了前端，扩展了html使支持动态视图，从根源上解决了html不适合动态视图的问题。直接在html里绑定数据和逻辑，思路大不相同。