第一章
- 安装angular-cli :
npm install -g angular-cli
- import语句的结构是
import{ things } form wherever格式
我们把这部分的写法叫做解构。解构是由ES6和TypeScript提供的一项特性。
- 创建新组件：
ng generate component 组件名
- CSS框架：
Semantic-UI、Zurb Foundation、Twitter Bootstarp
- 迪米特法则
http://en.wikipedia.org/wiki/Law_of_Demeter,
迪米特法则法则是指：一个对象对其他对象的结构或属性所作的假设应该越少越好。
第二章：TypeScript
- 什么是
ES5？什么是ES6？
-
ES5是ECMAScript 5 的缩写，也被称为“普通的JavaScript”。ES5就是大家熟知的JavaScript，他能够运行在大部分浏览器上。ES6则是下一个版本的JavaScript。
-
TypeScript是Microsoft个Google之间的官方合作项目。
-
TypeScript相对于ES5有五大改善：
-
TSUN（TypeScript Upgraded Node，支持TypeScript的升级版Node）
- 内置类型
- 字符串：
string
- 数字：
number - 无论整数还是浮点数，任何类型的数字都属于number类型。在TypeScript中，所有的数字都是用浮点数表示的。
- 布尔类型：
boolean
- 数组：
Array[type] , type[ ]
- 枚举：枚举是一组可命名数值的集合(P51)
- 任意类型：any - 如果我们没有为变量指定类型，那么他的默认类型就是any.
- “ 无 ” 类型：void - 意味着我们不期望那里有类型，它通常用作函数的返回值。
- 类
- 用
class关键字来定义一个类，紧随其后的是类名和类的代码块，类可以包含属性、方法以及构造函数。：
class Vehicle{
}
- 构造函数
-
构造函数是当类进行实例化时执行的特殊函数。通常会在构造函数中对新对象进行初始化工作。
- 构造函数必须命名为
constructor。因为构造函数是在类被实例化的时候调用的，所以他们可以有输入参数，但不能有任何返回值。
- 继承
-
TypeScript是完全支持继承特性的，并不像ES5那样要靠原型链实现。继承核心语法，用extends关键字实现。
.forEach()是Array中的一个方法，他接收一个函数作为参数，并对数组中的每一个条目逐个调用该函数。
- 工具
- 胖箭头函数语法（
=>） —— 是一种快速书写函数的简洁语法。它和环绕它的外部代码共享同一个this
//ES5-like example
var data = ['Alice Green', 'Paul Pfifer', 'Louis Blakenship'];
data.forEach(function(line) { console.log(line) });
//TypeScript example
var data = ['Alice Green', 'Paul Pfifer', 'Louis Blakenship'];
data.forEach((line) => console.log(line) );
