AngularJS快速入门1--引导篇

来源:互联网 发布:围巾推荐知乎 编辑:程序博客网 时间:2024/06/06 12:29

简介
—-AngularJS是一个基于MVC处理模式,实现了MVVM数据双向绑定的用于开发动态web项目的框架。以其数据和展现分离、MVVM(Model-View-ViewModel模型-视图-视图模型)、MVC(Model-View-Controller模型-视图-控制器)、DI(Dependence injection依赖注入)等强大的特性活跃于前端开发市场,是前端敏捷开发使用的主流框架之一。
注:库vs框架
:封装原生Javascript实现的大量函数的集合,提供了各种特定功能的函数库,通过引入库中的函数,可快捷实现一些特定的处理过程,如截取字符串等。
框架:一种封装了原生Javascript实现的函数、功能、组件、处理流程的特殊实现。通过引入框架中的配置,可实现一定的逻辑处理功能,如Bootstrap中的轮播图等。

—-AngularJS是在前后端分离软件架构模型下处理前端业务的,不仅提供了优雅的DOM操作和基于Ajax的数据交互技术,同时进行了良好的结构整理和常规的业务逻辑处理的封装,使Angular构建的应用能灵活的适应不同的项目场景·。
扩展:
传统软件模型是前后端耦合架构模式,耦合架构就是服务器前后端紧密结合,这样的架构模型下HTML不能满足web开发需要。如JavaEE开发的web软件,服务器后端使用java语言以及它的框架来完成开发,前端使用JSP进行开发,JSP是对HTML的扩展,可以在HTML中添加java代码和java定义的标签,但是JSP是只能用于Java后台的视图。PHP开发的服务器后台,页面部分使用PHP进行开发,PHP文件也是在HTML中进行了大量的功能扩展。
AngularJS类似的框架上出现之后,对前端进行了大量的封装和扩展,让HTML能更加友好的支持后端主流语言并协同web软件的开发,也就是前后端开始分离,不再紧密耦合。

专业术语
1. 模板template,包含了Angular特殊扩展标记的HTML代码。
2. 指令directive,扩展了HTML代码,自定义的标签、属性等等。
3. 模型model,保存在js中,用来和用户交互的数据。
4. 作用域scope,模型数据在HTML页面中产生作用的范围。
5. 表达式expression,AngularJS在HTML页面中可以运算的语法。
6. 编译器compiler,被用来解释HTML代码中的Angular代码。
7. 过滤器filter,对HTML页面中输出的数据进行指定格式展示。
8. 视图view,统称用户看到的HTML视图页面。
9. 数据绑定data binding,js中特定的数据和HTML页面上的数据的关联关系。
10. 控制器controller,给视图view提供功能支持。
11. 依赖注入dependence injection,Angular自动创建对象的一种方式。

最后,常用Angular1.X版本。通过http://code.angularjs.org可下载。

0 0
原创粉丝点击