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

原文地址:https://www.cnblogs.com/sen068/p/4947975.html