anuglar1.X 学习总结.docxVIP

angularjs学习总结 详细教程 /yy374864125/article/details签：JavaScriptangularjs2014-11-21 15:15 19886人阅读评论(0) 收藏举报分类：javascript（45）作者同类文章Xangular（10）作者同类文章X目录(?)[+]1 前言2?AngularJS概述21?AngularJS是什么22?AngularJS简单介绍23?什么时候该用AngularJS3?AugularJS特性31?特性一双向的数据绑定32?特性二模板33?特性三MVC34?特性四服务和依赖注入35?特性五指令Directives4?功能介绍41数据绑定42?scopesmodulecontroller?421?scopes422?module423?ng-controller43?ajax44表达式45过滤器451过滤器使用方式452?ng的内置过滤器1?currency?货币处理2?date?日期格式化3?filter匹配子串4?json格式化json对象5?limitTo限制数组长度或字符串长度6?lowercase小写7?uppercase大写8?number格式化数字9?orderBy排序453自定义过滤器及示例46指令directive461样式相关的指令462表单控件功能相关指令463事件绑定相关指令464特殊的ng-src和ng-href465?自定义指令示例47服务service471服务介绍472自定义服务473管理服务的依赖关系474?自定义服务示例48依赖注入DI49路由route491?ngRoute内容492?ng的路由机制493?路由示例410?NG动画效果4101?NG动画效果简介4102?动画效果示例5?功能演示6?AngularJS进阶61数据绑定原理研究611?AngularJS扩展事件循环612?watch?队列613?digest循环614如何进入angular?context615使用watch来监视616?总结62自定义指令详解621指令的编译过程622指令的使用方式及命名方法623自定义指令的配置参数623指令的表现参数restrict等624指令的行为参数compile和link625指令的划分作用域参数scope626指令间通信参数controller和require63?性能及调优631性能测试632七大调优法则?7?总结71页面效果72委派事件代理事件721?NG循环及事件绑定722?jQuery委派事件?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是M