AngularJS学习_angularjs学习资源-CSDN文库

AngularJS

5星 · 超过95%的资源需积分: 3 19 浏览量 2014-04-15 10:45:30 上传评论 1 收藏 205KB DOCX 举报

资源推荐

资源详情

资源评论

AngularJS 介绍

AngularJS 学习文档

欧阳龙蛟

2014/1/15

在此处键入文档的摘要。摘要通常是对文档内容的简短总结。在此处键入文档的摘

要。摘要通常是对文档内容的简短总结。

 学习文档
目录
前言 
 概述 
 是什么？ 
 简单介绍 
什么时候该用  
 特性 
特性一：双向的数据绑定
特性二：模板 
特性三： 
特性四：服务和依赖注入
特性五：指令（）
功能介绍  
 数据绑定  
!"、#!$、!%!&
!" &
#!$ 
'!%! 
() 
 表达式 
 过滤器 
 过滤器使用方式 
 的内置过滤器
 自定义过滤器及示例 
 指令*$+ 
 样式相关的指令 
 表单控件功能相关指令 
 事件绑定相关指令 
 特殊的 ' 和 ',- &
自定义指令示例 
 服务（） 
 服务介绍 
 自定义服务 
 管理服务的依赖关系 
自定义服务示例 
 依赖注入 . 
  路由（!%） 
 /!% 内容 
  的路由机制 
 路由示例  
&01 动画效果 &


 学习文档
&01 动画效果简介 &
&动画效果示例 
功能演示 
 进阶 
 数据绑定原理研究 
 扩展事件循环 
23%,队列 
2$% 循环 
 如何进入 !%)% 
 使用23%, 来监视
总结 
 自定义指令详解  
 指令的编译过程  
 指令的使用方式及命名方法 
 自定义指令的配置参数&
 指令的表现参数 %% 等&
 指令的行为参数：!#" 和 4
 指令的划分作用域参数：!"
 指令间通信参数：!%! 和 5
性能及调优 &
 性能测试 &
 七大调优法则 
总结 
 页面效果 
 委派事件（代理事件） 
01 循环及事件绑定 
(67 委派事件 


 学习文档

1 前言

前端技术的发展是如此之快，各种优秀技术、优秀框架的出现简直让人目不暇接，紧

跟时代潮流，学习掌握新知识自然是不敢怠慢。

AngularJS 是 google 在维护，其在国外已经十分火热，可是国内的使用情况却有不

小的差距，参考文献/网络文章也很匮乏。这里便将我学习 AngularJS 写成文档，一方面

作为自己学习路程上的记录，另一方面也给有兴趣的同学一些参考。

首先我自己也是一名学习者，会以学习者的角度来整理我的行文思路，这里可能只是

些探索，有理解或是技术上的错误还请大家指出；其次我特别喜欢编写小例子来把一件事

情说明白，故在文中会尽可能多的用示例加代码讲解，我相信这会是一种比较好的方式；

最后，我深知 AngularJS 的使用方式跟 jquery 的使用方式有很大不同，在大家都有

jquery、ext 经验的条件下对于 angular 的学习会困难重重，不过我更相信在大家的坚持

下，能够快速的学好 AngularJS，至少咱也能深入了解到 AngularJS 的基本思想，对咱们

以后自己的插件开发、项目开发都会有很大的启示。

2 AngularJS 概述

2.1 AngularJS 是什么？

AngularJs（后面就简称 ng 了）是一个用于设计动态 web 应用的结构框架。首先，

它是一个框架，不是类库，是像 EXT 一样提供一整套方案用于设计 web 应用。它不仅仅

是一个 javascript 框架，因为它的核心其实是对 HTML 标签的增强。

何为 HTML 标签增强？其实就是使你能够用标签完成一部分页面逻辑，具体方式就是

通过自定义标签、自定义属性等，这些 HTML 原生没有的标签/属性在 ng 中有一个名字：

指令（directive）。后面会详细介绍。那么，什么又是动态 web 应用呢？与传统 web 系

统相区别，web 应用能为用户提供丰富的操作，能够随用户操作不断更新视图而不进行

url 跳转。ng 官方也声明它更适用于开发 CRUD 应用，即数据操作比较多的应用，而非是

游戏或图像处理类应用。

为了实现这些，ng 引入了一些非常棒的特性，包括模板机制、数据绑定、模块、指令、

依赖注入、路由。通过数据与模板的绑定，能够让我们摆脱繁琐的 DOM 操作，而将注意

力集中在业务逻辑上。

　另外一个疑问，ng 是 MVC 框架吗？还是 MVVM 框架？官网有提到 ng 的设计采用了



 学习文档

MVC 的基本思想，而又不完全是 MVC，因为在书写代码时我们确实是在用 ng-controller

这个指令(起码从名字上看，是 MVC 吧)，但这个 controller 处理的业务基本上都是与

view 进行交互，这么看来又很接近 MVVM。让我们把目光移到官网那个非醒目的 title 上：

“AngularJS — Superheroic JavaScript MVW Framework”。

2.2 AngularJS 简单介绍

AngularJS 重新定义了前端应用的开发方式。面对 HTML 和 JavaScript 之间的界线，

它非但不畏缩不前，反而正面出击，提出了有效的解决方案。

很多前端应用的开发框架，比如 Backbone、EmberJS 等，都要求开发者继承此框架

特有的一些 JavaScript 对象。这种方式有其长处，但它不必要地污染了开发者自己代码的

对象空间，还要求开发者去了解内存里那些抽象对象。尽管如此我们还是接受了这种方式

因为网络最初的设计无法提供我们今天所需的交互性，于是我们需要框架，来帮我们填补

JavaScript 和 HTML 之间的鸿沟。而且有了它，你不用再“直接”操控 DOM，只要给你的

DOM 注上 metadata（即 AngularJS 里的 directive 们），然后让 AngularJS 来帮你操

纵 DOM。同时，AngularJS 不依赖（也不妨碍）任何其他的框架。你甚至可以基于其它

的框架来开发 AngularJS 应用。

8. 地址：,9":;;$!(!;";；

AngularJS 在 github 上的中文粗译版地址： https://github.com/basestyle/

angularjs-cn。

2.3 什么时候该用 AngularJS

AngularJS 是一个 MV* 框架，最适于开发客户端的单页面应用。它不是个功能库，

而是用来开发动态网页的框架。它专注于扩展 HTML 的功能，提供动态数据绑定（data

binding），而且它能跟其它框架（如 jQuery）合作融洽。

如果你要开发的是单页应用， AngularJS 就是你的上上之选。 Gmail 、 Google

Docs、Twitter 和 Facebook 这样的应用，都很能发挥 AngularJS 的长处。但是像游戏开

发之类对 DOM 进行大量操纵、又或者单纯需要极高运行速度的应用，就不是 AngularJS

的用武之地了。

3 AugularJS 特性

AngularJS 是一个新出现的强大客户端技术，提供给大家的一种开发强大应用的方式。

这种方式利用并且扩展 HTML，CSS 和 javascript，并且弥补了它们的一些非常明显的不

足。本应该使用 HTML 来实现而现在由它开发的动态一些内容。



剩余54页未读，继续阅读

评论收藏

内容反馈

-Arvin

2015-11-04

感谢楼主的分享，可惜我没那么有毅力去学
binglin01

2014-05-27

挺详细的，不错

lliuyu

粉丝: 0
资源: 3

AngularJS学习

AngularJS(1.7.3)学习示例

AngularJS:AngularJS学习

Angularjs:学习 AngularJS

AngularJS:AngularJS 学习

AngularJS_learn:AngularJS 学习

angularjs:angularjs学习

Angular学习1

AngularJS：Curso de AngularJS

精通AngularJS

angular学习代码

AngularJS学习手册 源代码

AngularJS 学习资料

AngularJS学习笔记

JS AngularJS 学习笔记

angularjs学习笔记

AngularJS

angular学习资料

angularJs

AngularJS学习 chm 文件

angularJS学习资料总结

AngularJs学习笔记.docx

angularJS_学习资料

最新资源

AngularJS学习手册源代码