typescript部分

• export關(guān)鍵字作用：可以讓定義的類型在全局范圍內(nèi)能被訪問到。

• this關(guān)鍵字的指向：
  1，一般情況下，this指向的是本對象，即用“{}”括起來的內(nèi)容（函數(shù)的“{}”除外）。
  2，對于函數(shù)嵌套情況，外層函數(shù)就指向本對象，而內(nèi)層函數(shù)中的this可能指向其調(diào)用者，甚至不確定調(diào)用者，
  因此若內(nèi)層函數(shù)想使用外層函數(shù)中的變量，直接使用，無需加this，若要使用對象中的變量，則需要使用箭頭函數(shù)“（）=>”。

• any可用于聲明某個不確定數(shù)據(jù)類型的變量。

• 加“？”的變量在初始化的不用賦初值

interface Shape {
    name: any;
    width: number;
    height: number;
    color?: string;
}
 
function area(shape : Shape) {
    var area = shape.width * shape.height;
    return "I'm " + shape.name + " with area " + area + " cm squared";
}
 
console.log( area( {name: "rectangle", width: 30, height: 15} ) );
console.log( area( {name: "square", width: 30, height: 30, color: "blue"} ) );

• interface和class的區(qū)別（補充）：
  1，因為typescript是JavaScript的超級，為了保證兼容，interface就完全變成了js，沒有類的痕跡，而class編譯后還會保留有class的標記
  2，通常interface只聲明變量，不包括方法（這一點目前不是很確定）

angular部分

• 對于angular三大核心的理解:
  1, 組件（component）。 angular的頁面全由各部分組件（component）構(gòu)成，組件可能包括.scss，.html，.ts文件。即組件并不是某一種卻定的文件類型，而是
  實現(xiàn)某一個頁面的各種類型的文件集合。組件即為頁面服務(wù)。

  2，模塊（module）。菜鳥教程看的有點迷，等待老師詳講。

  3，路由（router）。主要用于前端確定瀏覽器輸入的地址由哪個組件（component）處理。

angular框架流程：

• 瀏覽器地址 -> 路由（router）-> 組件（component）-> 服務(wù)（service）
• 其中組件中的.html文件我們通常稱之為模板，用于確定要顯示的內(nèi)容；對于上述流程中，還會有一個derictive指令，用于控制模板內(nèi)容的顯示方式

瀏覽器顯示內(nèi)容過程：

• index.html -> <app-root></app-root>進行頁面內(nèi)容替換 -> 默認進入app.component.html頁面-> <router-outlet></router-outlet>路由插槽 -> 插入子頁面內(nèi)容。

• 該過程中自始至終都只是替換了index.html文件中的內(nèi)容。

前端頁面獲取并顯示數(shù)據(jù)具體工作流程：

• 定義model類->寫對應(yīng)的service文件->組件中的component.ts文件->component.html文件

• model類：與后端的model相對應(yīng)，或與數(shù)據(jù)庫的表相對應(yīng)，因為只包含成員變量，因此通常用interface定義，如下：

export interface Test {
  name: string;
  body: string;
}

• service：與后端的controller相對應(yīng)，負責向后端請求數(shù)據(jù)，以及向組件傳遞后端返回的數(shù)據(jù)。

• component.ts：獲取service傳回來的數(shù)據(jù)，并對它進行簡單的處理，然后賦值給自己的成員變量，便于component.html模板文件獲取要展示的內(nèi)容。

• component.html：組件中的該部分內(nèi)容用于頁面展示，可用“{{}}”獲取component.ts傳過來的對象。