angular複習筆記1-開篇

前言

學習和使用angular已經有一段時間了。這段時間利用angular作了一個系統，算是對angular有了一個全面的認識，趁着如今有一些時間，把angular的一些知識記錄一下。

安裝angular

安裝angular首先要使用node，node的下載地址http://nodejs.cn/，我是用的是angular7最新的版本，node的版本應該在10以上。安裝node會自動幫你安裝好npm的包管理工具，而後 咱們可使用npm安裝angular：

npm install -g @angular/cli

這樣，咱們就安裝好了全局的angular，而後咱們就可使用ng xxx的命令來開發angular應用了。

使用angular所須要的知識

typescript

typescript是js的超集，爲js裝上了一個類型系統，使得不少關於類型的錯誤可以在編譯器就被發現，大大的節省了開發時間，缺點就是你須要學習一門新的語言，但typescript和js在語法上面是很是相似的，相關的概念也同樣，因此學習起來不會太費勁。

rxjs

angular裏面的異步大多數是使用rxjs來表達的。rxjs簡單的理解就是一個時間軸，在這個時間軸上面會不斷的發送數據，rxjs有點兒和訂閱模式同樣的地方，在時間軸上面產生的數據會被消費者訂閱和消費。

其餘的核心知識

angular裏面包含了不少概念，這些概念也是形成angular學習曲線比較陡峭的緣由之一，可是一旦你學會了angular，就會給你創造巨大的價值。不一樣於其餘框架，angular內部封裝了一些無心義的東西好比webpack，webpack這坨baba雖然解決了不少問題，但這些問題不能創造任何價值，angular對webpack的封裝讓咱們開發人員能夠真正的將時間投入到業務的開發上面來。

組件

組件（Component）是構成angular應用的基礎和核心。也是應用程序組件化和模塊化的產物。它由html文件、css文件和ts文件構成，html用於表述組件的結構，cs所表述組件的樣式，ts表述組件的邏輯和功能。

模板

模板是一種自定義的標準化頁面，經過模板和模板中的數據結合，能夠生成各類各樣的頁面。在angular中模板的默認語言是html。幾乎全部的html在模板中都是適用的。但<scirpt>標籤是禁止的，主要是防止腳本注入攻擊（XSS）。

指令

指令是一個重要的概念，指令做用在特定的dom元素上，能夠擴展這個元素的功能，爲元素添加新的行爲。組件（component）就是一種特殊的帶有視圖的指令，組件繼承自指令。

服務和rxjs

在 Angular 中，服務用於幫助開發者書寫可重用的公共功能（ 如日誌 處理、權限管理等） 和複雜的業務邏輯，對於應用程序的模塊化有着很重要的意義。

rxjs繼承了響應式編程範式，在angular中rxjs與http配合使用。rxjs的幾個核心對象包括observable、observer、subscription、subscribe、subject等等。

依賴注入

依賴注入是一種編程思想，他是解決IOC（控制反轉）的方法之一，當咱們編寫一個大型的項目時會建立不少組件和服務，這些組件和服務之間有着錯綜複雜的關係，管理好這些組件和服務之間的關係，就是要將這些組件和服務進行必定程度的解耦合，依賴注入爲咱們提供了強大的解耦合的能力。

路由

路由是一個單頁應用（spa）的重要組成部分，路由所要解決的核心問題是經過將不一樣的URL和不一樣的組件創建對應的關係，使得不一樣的URL可以表明不一樣的組件。

測試

對於一個應用來講，只是完成了基本功能開發，還遠遠不夠，如何在快速迭代中保持穩定的產品質量，測試的重要性不言而喻。

結束

這是一個angular複習的開篇，主要從angular組成的各個方面對angular進行了一個綜述，接下來會對angular的每一個部分作詳細的解剖。