第一章
- 安装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) );
网友评论