您的位置:首页 > Web前端 > AngularJS

angularjs的介绍及特点

2017-09-27 08:51 113 查看
一.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里绑定数据和逻辑,思路大不相同。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: