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

anjularjs初识

2016-06-20 23:42 267 查看
AngularJS 是google 开发者设计的一个前端开发框架,它是由是由JavaScript 编写的一个JS框架。通常它是用来在静态网页构建动态应用不足而设计的。

AngularJS特点如下:

1、 数据绑定: AngularJS是数据双向绑定。

2、 MVVM(Model-View-ViewModel)模式: Model 简单数据对象,View 视图(如HTML,JSP等),ViewModel是用来提供数据和方法,和View 进行交互。这种设计模式使得代码解耦合。

3、依赖注入:AngularJS支持注入方式把需要的对象,方法等注入到指定的对象中。

4、 指令: AngularJS内部自带各种常用指令,同时也支持开发者自定义指令。

5、HTML模板和扩展HTML: AngularJS可以定义与HTML兼容的自定义模板。

AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了。所以我做了一些工作(你也可以觉得是小花招)来让浏览器做我想要的事。

通常,我们是通过以下技术来解决静态网页技术在构建动态应用上的不足:

1、类库 - 类库是一些函数的集合,它能帮助你写WEB应用。起主导作用的是你的代码,由你来决定何时使用类库。类库有:jQuery等

2、框架 - 框架是一种特殊的、已经实现了的WEB应用,你只需要对它填充具体的业务逻辑。这里框架是起主导作用的,由它来根据具体的应用逻辑来调用你的代码。框架有:knockout、sproutcore等。

AngularJS使用了不同的方法,它尝试去补足HTML本身在构建应用方面的缺陷。AngularJS通过使用我们称为标识符(directives)的结构,让浏览器能够识别新的语法。

anjularjs的三个重要组成部分:

模板(Templates)是HTML和CSS编写的文件,展现应用的视图。 可给HTML添加新的元素、属性标记,作为

AngularJS编译器的指令。 AngularJS编译器是完全可扩展的,这意味着通过AngularJS可以在HTML中构建

自己的HTML标记!

控制器: JavaScript写的应用程序逻辑和行为。AngularJS与标准AJAX应用程序不同,不需要另外编写侦听器或DOM控制器,因为它们已经内置到AngularJS中了。这些功能使应用程序逻辑很容易编写、测试、维护和理解。

模型数据(Data)是从AngularJS作用域对象的属性引申的。模型中的数据可能是Javascript对象、数组或基本类型,这都不重要,重要的是,他们都属于AngularJS作用域对象。AngularJS通过作用域来保持数据模型与视图界面UI的双向同步。一旦模型状态发生改变,AngularJS会立即刷新反映在视图界面中,反之亦然。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: