AngularJs学习笔记-慕课网AngularJS实战

第1章 快速上手

放弃了IE8以及以下，不支持。

4大核心特性：

1.MVC

　　Model: 数据模型

　　View:视图

　　Controller:业务逻辑和控制逻辑

　　好处：职责清晰，模块化。

2.模块化

3.指令系统 (AngularJs特有的)

4.双向数据绑定(AngularJs特有的)

开发工具： webstorm最强大，占用资源比较多。轻量级：sublime.

调试工具：chrome插件batarang, 它是专门针对angularJS的。

版本管理工具： git小乌龟

基于nodejs的开发和调试工具

混淆工具：grunt

依赖管理工具：bower, 自动安装需要的插件，比如jquery。 比如bootstrap依赖jquery，删掉jquery的时候，它会提示你。  不是很有必要用。

轻量级的http server, 基于nodejs。  github.com上下载

单元测试工具：karma，它没有写单元测试用例的功能。 结合 jasmine用。 这样前台也能实现自动化测试了。

为AngularJs专门设计的测试工具：Protractor

第2章 基本概念和用法

2.1 MVC：为了模块化和复用。

　　代码规模越来越大，切分职责。

　　复用：很多逻辑是一样的。

　　后期维护方便，改一块不影响其他。

Controller实现：不推荐用Controller嵌套，实现通用(<div ng-controller='parent'><div ng-controller='child'></div></div>), ng的规范写法是：把公共的东西做成Service。

Angular Controller注意要点：

1.不要试图复用Controller，gn设计思想，是用来存放业务逻辑的，没有复用的必要。

2.不要操作dom，用指令去操作。会造成页面重新布局，这个操作是非常耗资源。

3.不要做数据格式化，ng有很好的表单控件

4.不要做数据过滤操作，ng有$filter服务

5.一般来说Controller不会相互调用，是函数方法调用,太高耦合了。控制器交互通过事件进行。

　　通过scope或者数据模型上的事件进行交互，Controller在内部监控这些事件，从而实现交互。

Model: $scope.属性

View: 通过指令Directive实现

ng中MVC全部借助于$scope实现。

先在$scope中找指令，如果没有找到，再找$rootScope。 (通过查看源文件发现，和想象之中一样，页面render到浏览器的是没有解析过的指令，最终呈现的是ng解析过的demo)

第3章 核心原理解析

第4章 用AngularJS开发移动APP

第5章 前端自动化测试 TDD(测试驱动开发)

课程地址：http://www.imooc.com/view/156