没有合适的资源?快使用搜索试试~ 我知道了~
AngularJS学习
5星 · 超过95%的资源 需积分: 3 10 下载量 62 浏览量
2014-04-15
10:45:30
上传
评论 1
收藏 205KB DOCX 举报
温馨提示
AngularJS是google在维护,其在国外已经十分火热,可是国内的使用情况却有不小的差距,参考文献/网络文章也很匮乏。这里便将我学习AngularJS写成文档,一方面作为自己学习路程上的记录,另一方面也给有兴趣的同学一些参考。
资源推荐
资源详情
资源评论
AngularJS 介绍
AngularJS 学习文档
欧阳龙蛟
2014/1/15
在此处键入文档的摘要。摘要通常是对文档内容的简短总结。在此处键入文档的摘
要。摘要通常是对文档内容的简短总结。
学习文档
目录
前言
概述
是什么?
简单介绍
什么时候该用
特性
特性一:双向的数据绑定
特性二:模板
特性三:
特性四:服务和依赖注入
特性五:指令()
功能介绍
数据绑定
!"、#!$、!%!&
!" &
#!$
'!%!
()
表达式
过滤器
过滤器使用方式
的内置过滤器
自定义过滤器及示例
指令*$+
样式相关的指令
表单控件功能相关指令
事件绑定相关指令
特殊的 ' 和 ',- &
自定义指令示例
服务()
服务介绍
自定义服务
管理服务的依赖关系
自定义服务示例
依赖注入 .
路由(!%)
/!% 内容
的路由机制
路由示例
&01 动画效果 &
学习文档
&01 动画效果简介 &
&动画效果示例
功能演示
进阶
数据绑定原理研究
扩展事件循环
23%,队列
2$% 循环
如何进入 !%)%
使用23%, 来监视
总结
自定义指令详解
指令的编译过程
指令的使用方式及命名方法
自定义指令的配置参数&
指令的表现参数 %% 等&
指令的行为参数:!#" 和 4
指令的划分作用域参数:!"
指令间通信参数:!%! 和 5
性能及调优 &
性能测试 &
七大调优法则
总结
页面效果
委派事件(代理事件)
01 循环及事件绑定
(67 委派事件
学习文档
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页未读,继续阅读
资源评论
- -Arvin2015-11-04感谢楼主的分享,可惜我没那么有毅力去学
- binglin012014-05-27挺详细的,不错
lliuyu
- 粉丝: 0
- 资源: 3
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功