# 小結(jié)
學(xué)而不思則罔,思而不學(xué)則殆。一個(gè)新的知識(shí)點(diǎn),不經(jīng)過(guò)反復(fù)的演練、思索是無(wú)法融入內(nèi)心的。在解決某個(gè)問(wèn)題時(shí),能看明白答案與會(huì)自己解答是完完全全的兩碼事。而總結(jié),則是非常有必要的一環(huán),它可以將原本雜亂無(wú)章的知識(shí)點(diǎn)串在一起,這使得我們大腦更容易接受以及記住他們。
## 管道
本節(jié)中,我們接觸了個(gè)非常重要的概念:管道。在對(duì)數(shù)據(jù)進(jìn)行轉(zhuǎn)換、監(jiān)聽時(shí)我們使用了管道。管道的特性是可以首尾相連,數(shù)據(jù)由首個(gè)管道流入,由最后一個(gè)管道流出。數(shù)據(jù)每經(jīng)過(guò)一個(gè)管道,都可能被轉(zhuǎn)換、監(jiān)聽、過(guò)濾(還未學(xué)習(xí))一次。而管道可以被定義,也可以使用系統(tǒng)內(nèi)置的。

除此以外,由于管道這種特定,rxjs還為我們提供了延遲發(fā)送的管道、僅發(fā)送第一個(gè)數(shù)據(jù)的管道、僅發(fā)送最后一個(gè)數(shù)據(jù)、合并發(fā)放數(shù)據(jù)的管道等高級(jí)管道。這些管道的存在,使得數(shù)據(jù)的轉(zhuǎn)換變得輕松起來(lái)。
## 觀察者模式
我們對(duì)觀察者模式有了更深入的了解,知道觀察者模式可以發(fā)送數(shù)據(jù)、發(fā)送錯(cuò)誤以及通知訂閱者數(shù)據(jù)已發(fā)送完成。其實(shí)觀察者模式也可以稱為訂閱者模式,或者說(shuō)訂閱者模式更容易理解。
訂閱一詞在現(xiàn)實(shí)的網(wǎng)絡(luò)世界里更多的被稱為**關(guān)注**。在微博中關(guān)注了某個(gè)喜歡的人,則當(dāng)其有新的動(dòng)態(tài)時(shí),我們就會(huì)收到相應(yīng)的通知。這就是個(gè)典型的觀察者模式。因?yàn)樗鼈兌季哂幸韵绿匦裕?
1. 關(guān)注后,我們并不會(huì)馬上得到新的通知。
2. 只要有新的動(dòng)態(tài),我們就會(huì)收到新的通知。
3. 什么時(shí)候收到通知,完全取決于被**關(guān)注**的人的心情;關(guān)注后可能不會(huì)收到通知,也可能一天收到多次通知。
4. 如果被**關(guān)注**的人被永久封號(hào),則自此以后再也不會(huì)收到通知。
這同時(shí)也適用于某些緊俏商品的預(yù)訂`shangpin.yuding(success, error ,complete`)。
1. 我們?cè)诎l(fā)起預(yù)計(jì)操作后,并不會(huì)馬上收到貨品。
2. 我們收到貨品后(success),交易完成(complete)。
3. 如果遇到貨品漲價(jià),不良的商家還可以以各種理由不發(fā)貨,最后通知我們交易取消(error)。
沒(méi)錯(cuò),如我們學(xué)習(xí)的各種計(jì)算機(jī)基礎(chǔ)課程一樣,計(jì)算機(jī)思想均來(lái)源于生活,來(lái)源于各個(gè)基礎(chǔ)學(xué)科。
## x-auth-token
前后臺(tái)分離的項(xiàng)目使我們不得不放棄自動(dòng)的cookie認(rèn)證。在使用新的認(rèn)證方式時(shí),我們對(duì)原cookie認(rèn)證進(jìn)行了復(fù)習(xí)。溫故知新以及向大??待R的態(tài)度,使我們將認(rèn)證的信息放到了header的自定義字段中`x-auth-token`。實(shí)際上,在生產(chǎn)項(xiàng)目中,你可以按自己的喜好來(lái)命名此關(guān)鍵字,我們更愿意將其命名為`x-auth-token`的原因僅僅是因?yàn)榇笈兌荚谶@么做。
`x-auth-token`的認(rèn)證方式可以解決各種客戶端的認(rèn)證問(wèn)題,相較于cookie還可以成功的規(guī)避csrf攻擊,提升系統(tǒng)的安全性。
我想之所以以`x-auth-token`來(lái)命名,其中的`x`代表任意、所有;`auth`為認(rèn)證;`token`為令牌。所以組合起來(lái)應(yīng)該是:支持所有客戶端類型的認(rèn)證令牌。
## 攔截器
我們初步的認(rèn)識(shí)了攔截器。這個(gè)概念在多種框架中都會(huì)出現(xiàn)。在某些框架中,也會(huì)把Angular中的這種攔截器稱為過(guò)濾器。稱呼并不重要,重要的是我們學(xué)習(xí)到了一種思想,該思想可以在請(qǐng)求過(guò)程中:改變請(qǐng)求及響應(yīng)值;監(jiān)聽請(qǐng)求及響應(yīng)值;按自己的思想返回響應(yīng)值等。
當(dāng)我們?cè)谑褂闷渌蚣苡行┬枨髸r(shí),那么首先想到的應(yīng)該是去其官方文檔中搜索該框架是否支持?jǐn)r截器或過(guò)濾器。而不是靠著自己偉大的**天分**開辟另一片天地。對(duì)于一個(gè)由無(wú)數(shù)個(gè)**天才**耕耘了數(shù)十年的計(jì)算機(jī)領(lǐng)域,我相成功的秘訣無(wú)非是:站在巨人的肩膀上與其共舞。
## 再談學(xué)習(xí)方法
我們經(jīng)常說(shuō)要控制好學(xué)習(xí)的邊界,無(wú)論我們當(dāng)前處于什么樣的環(huán)境中、有多深厚的基礎(chǔ),控制學(xué)習(xí)邊界可以使我們不會(huì)偏離學(xué)習(xí)的核心目的,在知識(shí)的積累上做到畫圓,而不是畫直線。就比如我們當(dāng)前的目的是對(duì)Angular進(jìn)行學(xué)習(xí),在學(xué)習(xí)過(guò)程中接觸了觀察者模式、rxjs、x-auth-token等新的思想。如果我們不控制好邊界,則需要對(duì)新內(nèi)容進(jìn)行全部的深入學(xué)習(xí),而在學(xué)習(xí)它們的過(guò)程中,我們必然還會(huì)遇到各種需要深入學(xué)習(xí)的問(wèn)題,這會(huì)使我們的知識(shí)點(diǎn)成一條線,看似什么都懂了一點(diǎn),卻什么都不會(huì)用;看似學(xué)到了很多知識(shí),但卻什么都沒(méi)有記住。
我們的大腦是個(gè)有個(gè)性的小家伙,它絕對(duì)不會(huì)因?yàn)槟阋笏涀《鴧s記憶某些知識(shí),它僅僅會(huì)記住那些它認(rèn)為有用或它認(rèn)為有意思的知識(shí)。對(duì)有用及有意思的知識(shí)它的判斷標(biāo)準(zhǔn)也有簡(jiǎn)單:
1. 解決了它冥思多天沒(méi)有解決的問(wèn)題的知識(shí),它認(rèn)為有用。
2. 靠它成功的在同學(xué)、朋友面前炫耀了一把的知識(shí),它認(rèn)為有用。
3. 靠它成功的化解的危險(xiǎn)的知識(shí),它認(rèn)為有用。
4. 以前它沒(méi)有見過(guò)的東西,它認(rèn)為感興趣。
5. 一些可以喚起其它感官的東西,它認(rèn)為感興趣。
就這是我們講在學(xué)習(xí)新知識(shí)時(shí),先看dome,再看官方文檔的原因。當(dāng)然了,我們的系列入門實(shí)例教程也正是基于此大腦學(xué)習(xí)理論。
- 序言
- 第一章 Hello World
- 1.1 環(huán)境安裝
- 1.2 Hello Angular
- 1.3 Hello World!
- 第二章 教師管理
- 2.1 教師列表
- 2.1.1 初始化原型
- 2.1.2 組件生命周期之初始化
- 2.1.3 ngFor
- 2.1.4 ngIf、ngTemplate
- 2.1.5 引用 Bootstrap
- 2.2 請(qǐng)求后臺(tái)數(shù)據(jù)
- 2.2.1 HttpClient
- 2.2.2 請(qǐng)求數(shù)據(jù)
- 2.2.3 模塊與依賴注入
- 2.2.4 異步與回調(diào)函數(shù)
- 2.2.5 集成測(cè)試
- 2.2.6 本章小節(jié)
- 2.3 新增教師
- 2.3.1 組件初始化
- 2.3.2 [(ngModel)]
- 2.3.3 對(duì)接后臺(tái)
- 2.3.4 路由
- 2.4 編輯教師
- 2.4.1 組件初始化
- 2.4.2 獲取路由參數(shù)
- 2.4.3 插值與模板表達(dá)式
- 2.4.4 初識(shí)泛型
- 2.4.5 更新教師
- 2.4.6 測(cè)試中的路由
- 2.5 刪除教師
- 2.6 收尾工作
- 2.6.1 RouterLink
- 2.6.2 fontawesome圖標(biāo)庫(kù)
- 2.6.3 firefox
- 2.7 總結(jié)
- 第三章 用戶登錄
- 3.1 初識(shí)單元測(cè)試
- 3.2 http概述
- 3.3 Basic access authentication
- 3.4 著陸組件
- 3.5 @Output
- 3.6 TypeScript 類
- 3.7 瀏覽器緩存
- 3.8 總結(jié)
- 第四章 個(gè)人中心
- 4.1 原型
- 4.2 管道
- 4.3 對(duì)接后臺(tái)
- 4.4 x-auth-token認(rèn)證
- 4.5 攔截器
- 4.6 小結(jié)
- 第五章 系統(tǒng)菜單
- 5.1 延遲及測(cè)試
- 5.2 手動(dòng)創(chuàng)建組件
- 5.3 隱藏測(cè)試信息
- 5.4 規(guī)劃路由
- 5.5 定義菜單
- 5.6 注銷
- 5.7 小結(jié)
- 第六章 班級(jí)管理
- 6.1 新增班級(jí)
- 6.1.1 組件初始化
- 6.1.2 MockApi 新建班級(jí)
- 6.1.3 ApiInterceptor
- 6.1.4 數(shù)據(jù)驗(yàn)證
- 6.1.5 教師選擇列表
- 6.1.6 MockApi 教師列表
- 6.1.7 代碼重構(gòu)
- 6.1.8 小結(jié)
- 6.2 教師列表組件
- 6.2.1 初始化
- 6.2.2 響應(yīng)式表單
- 6.2.3 getTestScheduler()
- 6.2.4 應(yīng)用組件
- 6.2.5 小結(jié)
- 6.3 班級(jí)列表
- 6.3.1 原型設(shè)計(jì)
- 6.3.2 初始化分頁(yè)
- 6.3.3 MockApi
- 6.3.4 靜態(tài)分頁(yè)
- 6.3.5 動(dòng)態(tài)分頁(yè)
- 6.3.6 @Input()
- 6.4 編輯班級(jí)
- 6.4.1 測(cè)試模塊
- 6.4.2 響應(yīng)式表單驗(yàn)證
- 6.4.3 @Input()
- 6.4.4 FormGroup
- 6.4.5 自定義FormControl
- 6.4.6 代碼重構(gòu)
- 6.4.7 小結(jié)
- 6.5 刪除班級(jí)
- 6.6 集成測(cè)試
- 6.6.1 惰性加載
- 6.6.2 API攔截器
- 6.6.3 路由與跳轉(zhuǎn)
- 6.6.4 ngStyle
- 6.7 初識(shí)Service
- 6.7.1 catchError
- 6.7.2 單例服務(wù)
- 6.7.3 單元測(cè)試
- 6.8 小結(jié)
- 第七章 學(xué)生管理
- 7.1 班級(jí)列表組件
- 7.2 新增學(xué)生
- 7.2.1 exports
- 7.2.2 自定義驗(yàn)證器
- 7.2.3 異步驗(yàn)證器
- 7.2.4 再識(shí)DI
- 7.2.5 屬性型指令
- 7.2.6 完成功能
- 7.2.7 小結(jié)
- 7.3 單元測(cè)試進(jìn)階
- 7.4 學(xué)生列表
- 7.4.1 JSON對(duì)象與對(duì)象
- 7.4.2 單元測(cè)試
- 7.4.3 分頁(yè)模塊
- 7.4.4 子組件測(cè)試
- 7.4.5 重構(gòu)分頁(yè)
- 7.5 刪除學(xué)生
- 7.5.1 第三方dialog
- 7.5.2 批量刪除
- 7.5.3 面向?qū)ο?/a>
- 7.6 集成測(cè)試
- 7.7 編輯學(xué)生
- 7.7.1 初始化
- 7.7.2 自定義provider
- 7.7.3 更新學(xué)生
- 7.7.4 集成測(cè)試
- 7.7.5 可訂閱的路由參數(shù)
- 7.7.6 小結(jié)
- 7.8 總結(jié)
- 第八章 其它
- 8.1 打包構(gòu)建
- 8.2 發(fā)布部署
- 第九章 總結(jié)