AngularJS企业级开发1-AngularJS介绍

Angular学习脑图

1. AngularJS介绍

AngularJS是一个功能完善的JavaScript前端框架,同时是基于MVC(Model-View-Controller理念的框架,使用它可以高效的开发桌面web app和移动端应用。AngularJS由Google公司开发并且开源出来,给全部开发者使用。实际企业中开发,前端基于Bootstrap+AngularJS框架,后端基于RESTful服务框架开发的应用愈来愈多。将来后端基于Docker+Microservice部署的应用也会愈来愈多。html

Angular Logo

AngularJS官方网站前端

2. AngularJS特色

1.客户端模板 传统的web应用:都是多页面,服务器端建立html,把html和数据装配在一块儿,而后再把生成好的html页面返回给浏览器。git

单页应用(Single Page Application):模板和数据都会返回给浏览器中,而后在浏览器中进行装配。服务端仅仅为这些模板提供静态资源,而后为这些模板提供所需的数据。angularjs

2.MVC M(Model)-V(View)-C(Controller)最先主要是在桌面应用开发中使用,强调的是界面,数据模型和控制器的三者之间的分离。视图会从模型中获取数据,而后展现给用户,当用户经过鼠标或键盘操做或键入与应用进行交互的时候,控制器将会作出响应,并修改模型中的数据,最后模型会通知视图,数据已经发生变化,这样视图就能够刷新其中改变的内容。github

3.数据双向绑定 view层的数据和model层的数据是双向绑定的,其中之一发生更改,另外一方会随之变化,这个逻辑不用你写任何代码。web

4.指令 能够把模板和相关业务逻辑编写成html标签的形式,之因此能够实现这一点,主要是由于AngularJS引入了一款强大的DOM转换引擎,能够用它来扩展HTML语法。生成的新的html标签就是指令,AngularJS内置了很是多的指令,好比:ng-repeat,ng-app,ng-controller等等。当内置指令不够时,开发者能够根据业务需求自定义开发指令。后端

5.依赖注入 Dependency Injection是一种设计模式,目的是在配置应用时定义应用所需的依赖。使用依赖注入能避免手动建立应用的依赖。初次启动应用时,AngularJS会使用依赖注入加载模块的依赖。设计模式

Java流行框架Spring就是充分使用了依赖注入。依赖注入能提高AngularJS应用的可测试性,并且AngularJS单元测试和集成测试还有专门的测试框架。浏览器

6.可测试性 AngularJS应用借助依赖注入的,大大提高了应用的可测试性。目前Web前端应用,通常会进行两种测试。第一种是单元测试(Unit Test),单元测试主要测试代码的一个小的单元,能在开发过程当中尽早发现软件的缺陷;第二种是端到端测试(End to End,简称:E2E)。端到端测试主要测试软件中各个组件结合在一块儿的交互行为,从而发现软件的缺陷。前端框架

QA主要功能测试,就是开发工程师发布代码以后,测试工程师根据业务需求和功能进行功能测试。

3. AngularJS相比其余框架

目前主要流行的几大框架:

1.jQuery

2.React

3.Vue.js

以上四个框架都有本身的开发者,每一个框架都有本身的优势和缺点。在实际项目开发者,仍是要根据团队成员对框架的掌握程度来决定。可是咱们仍是推荐你们使用AngularJS。

4. Angular1.x和Angular2

在国内1.5.x版本开发的应用应该较多,可是2.0版本也已经发布了。对于Angular2,不少开发者都觉的要从新学习一遍。由于变更确实太大了,好在提供了从1.x迁移到2.0相关的工具。后面博客中涉及的版本都是基于Angular1.5.X版本。等团队成员对angular1.x相关技术和原理有必定的理解,到时才会考虑使用Angular2.0。

5. 参考资料

1.zh.wikipedia.org/wiki/Angula…

2.github.com/paddingme/n…

ps:原博客写于2016年11月。

相关文章
相关标签/搜索