第一章

• 安裝angular-cli : npm install -g angular-cli
• import語句的結(jié)構(gòu)是import{ things } form wherever格式
  我們把這部分的寫法叫做解構(gòu)。解構(gòu)是由ES6和TypeScript提供的一項特性。
• 創(chuàng)建新組件： ng generate component 組件名
• CSS框架：Semantic-UI、Zurb Foundation、Twitter Bootstarp
• 迪米特法則http://en.wikipedia.org/wiki/Law_of_Demeter,
  迪米特法則法則是指：一個對象對其他對象的結(jié)構(gòu)或?qū)傩运鞯募僭O(shè)應(yīng)該越少越好。

第二章：TypeScript

• 什么是ES5？什么是ES6？
  • ES5是ECMAScript 5 的縮寫，也被稱為“普通的JavaScript”。ES5就是大家熟知的JavaScript，他能夠運行在大部分瀏覽器上。ES6則是下一個版本的JavaScript。
  • TypeScript是Microsoft個Google之間的官方合作項目。
• TypeScript相對于ES5有五大改善：
  • 類型
  • 類
  • 注解
  • 模塊導(dǎo)入
  • 語言工具包(比如結(jié)構(gòu))
• TSUN（TypeScript Upgraded Node，支持TypeScript的升級版Node）
• 內(nèi)置類型
  • 字符串：string
  • 數(shù)字：number - 無論整數(shù)還是浮點數(shù)，任何類型的數(shù)字都屬于number類型。在TypeScript中，所有的數(shù)字都是用浮點數(shù)表示的。
  • 布爾類型：boolean
  • 數(shù)組：Array[type] , type[ ]
  • 枚舉：枚舉是一組可命名數(shù)值的集合(P51)
  • 任意類型：any - 如果我們沒有為變量指定類型，那么他的默認類型就是any.
  • “ 無 ” 類型：void - 意味著我們不期望那里有類型，它通常用作函數(shù)的返回值。
• 類
  • 用class關(guān)鍵字來定義一個類，緊隨其后的是類名和類的代碼塊，類可以包含屬性、方法以及構(gòu)造函數(shù)。：

class Vehicle{
}

• 構(gòu)造函數(shù)
  • 構(gòu)造函數(shù)是當類進行實例化時執(zhí)行的特殊函數(shù)。通常會在構(gòu)造函數(shù)中對新對象進行初始化工作。
  • 構(gòu)造函數(shù)必須命名為constructor。因為構(gòu)造函數(shù)是在類被實例化的時候調(diào)用的，所以他們可以有輸入?yún)?shù)，但不能有任何返回值。
• 繼承
  • TypeScript是完全支持繼承特性的，并不像ES5那樣要靠原型鏈實現(xiàn)。繼承核心語法，用extends關(guān)鍵字實現(xiàn)。
  • .forEach()是Array中的一個方法，他接收一個函數(shù)作為參數(shù)，并對數(shù)組中的每一個條目逐個調(diào)用該函數(shù)。
• 工具
  • 胖箭頭函數(shù)語法（=>） —— 是一種快速書寫函數(shù)的簡潔語法。它和環(huán)繞它的外部代碼共享同一個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) );

• 模板字符串
  • 字符串中的變量 - 字符串插值必須使用反引號，不能用單引號或雙引號。

  var firstName = "Nate";
  var lastName = "Murray";
  
  // interpoplate a string
  var greeting = `Hello ${firstName} ${lastName}`
  

  • 多行字符串
• 總結(jié)
  在TypeScript和ES6中還有很多其他的優(yōu)秀語法特性
  • 接口
  • 泛型
  • 模塊的導(dǎo)入、導(dǎo)出
  • 標注
  • 解構(gòu)