AngularJS 实战讲义笔记

时间:2020-11-28 16:44:48

第一部分 快速上手

1.1 感受AngularJs四大核心特性(MVC, 模块化,指令系统,双向数据绑定)
1.2 搭建自动化的前端开发,调试,测试环境

  • 代码编辑工具 (sublime)
  • 断点调试工具 (AngularJS Batarang、chrome)
  • 版本管理工具 (git、tortoisegit)
  • 代码合并和混淆工具 (grunt)
  • 依赖管理工具 (bower 适用于大型项目、轻量级Server---http-server)
  • 单元测试工具 (karma 、jasmine)
  • 集成测试工具 (Protractor)

第二部分 基本概念和用法

2.1 MVC

$scope

  • $scope 是一个POJO(Plain Old JavaScript Object)
  • $scope 提供了一些工具方法$watch()/$apply()
  • $scope 是表达式的执行环境(或者说作用域)
  • $scope 是一个树形结构,与DOM标签平行
  • 子$scope对象会继承父$scope上的属性和方法
  • 每一个Angular应用只有一个根$scope对象(一般位于ng-app上)
  • $scope可以传播时间,类似DOM时间,可以向上也可以向下
  • $scope 不仅是MVC的基础,也是实现双向数据绑定的基础
  • 可以用angular.element($0).scope()进行调试

2.2 模块化与依赖注入;
2.3 双向数据绑定;
2.4 指令;
2.5 Service;
2.6 Provider;
2.7 表单;
2.8 综合实例 BookStore;

第三部分 核心原理解析
3.1 Parser;
3.2 双向数据绑定;
3.3 依赖注入;

第四部分 ng控件开发
4.1 用AngularJs 改写JQuery控件;
4.2 angularjs-ui;
4.3 移动控件库 ionic;

第五部分:TDD 和前端自动化测试
5.1 TDD;(测试驱动开发
5.2 详解Jasmine与Protractor;