Flux架構

定　價：￥89.00

作　者：	[加] Adam Boduch（亞當博達哈）著；段金辰等譯
出版社：	電子工業(yè)出版社
叢編項：
標　簽：	計算機?網(wǎng)絡軟件工程及軟件方法學

購買這本書可以去

ISBN：	9787121316005	出版時間：	2017-06-01	包裝：	平裝
開本：	16開	頁數(shù)：	328	字數(shù)：

內容簡介

　　Flux 是一套架構模型，將Web 應用的各個主要功能以組件的形式進行劃分，并進一步劃分子組件。而各組件又以動作、存儲器和視圖來進行架構分層。整體采用單向數(shù)據(jù)流的形式進行事件的響應，各組件間也強制按照單向數(shù)據(jù)流進行相互影響，直至數(shù)據(jù)流結束。在本書中，先向大家介紹了Flux 是什么，以及簡單展示了其基本構建模式。然后從動作、存儲器、視圖、分發(fā)器等核心概念，更為詳細地闡述了Flux的架構模式。最后，介紹了Flux 庫、測試工具和其對其他相關技術棧的影響。本書適用于前端開發(fā)者，以及希望對Flux 架構有深入了解的人群。

作者簡介

　　AdamBoduch從事大規(guī)模JavaScript開發(fā)已經(jīng)將近10年。在轉行前端之前，他曾使用Python和Linux編寫過幾個大規(guī)模的云計算產(chǎn)品。Adam對復雜度有一些了解，在真實世界的軟件系統(tǒng)和應對其擴展上的挑戰(zhàn)方面具有實際經(jīng)驗。　他寫過幾本JavaScript的書，包括《JavaScript并發(fā)》（JavaScriptConcurrency），他在研究用戶體驗創(chuàng)新和高性能方面充滿熱情?！”緯啥谓鸪?、馬雪琴、李勝、馬飛、孫輝翻譯?！《谓鸪綇氖萝浖_發(fā)大約10年，曾供職于微軟、阿里巴巴等世界知名公司，參與或主持過多項大型軟件系統(tǒng)的架構和開發(fā)，涉及基礎類庫、云、Web前端、On-premises服務、App等眾多方向，精通包括JavaScript在內的多種編程語言?！●R雪琴，研究生就讀于華中科技大學通信工程專業(yè)，其間有幸接觸到前端、數(shù)據(jù)可視化等方向，并且對這些技術感到相見恨晚。現(xiàn)就職于阿里巴巴集團客戶體驗事業(yè)群前端開發(fā)團隊。平時喜歡宅著看書，學著畫畫，更喜歡去外面走走看看，安靜而不安分?！±顒?，前端開發(fā)工程師。就職于阿里巴巴集團客戶體驗事業(yè)群前端開發(fā)團隊，曾在餓了么大前端部門參與實習，熱衷于追尋前沿技術。除前端相關技術以外，對游戲開發(fā)，Go以及其他后端技術也有一定了解。平時的愛好有動漫和科幻。　馬飛，阿里巴巴前端工程師，半路出家進入了互聯(lián)網(wǎng)行業(yè)，熱衷于Web技術，同時對工業(yè)控制，ARM嵌入式開發(fā)有一定的研究，喜歡旅行、電子游戲、運動以及攝影。其微博為@*亞倫?！O輝，現(xiàn)為阿里巴巴的一只“前端攻城獅”，有多年的物聯(lián)網(wǎng)及Web前端開發(fā)經(jīng)驗。愛美食、愛攝影，熱愛一切富有創(chuàng)造性的事物。

圖書目錄

目錄
前言．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． XIX
1 Flux是什么．．．．．．．．．．．．．．．．．．．． 1
Flux是一套模式．．．．．．．．．．．．．．．．．．．．．．．．． 1
數(shù)據(jù)入口．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 1
狀態(tài)管理．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 2
保持同步更新．．．．．．．．．．．．．．．．．．．．． 3
信息架構．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 4
Flux并不是一個框架．．．．．．．．．．．．．．．．． 4
Flux的設計思路問題解決方案． 5
數(shù)據(jù)流向．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 5
可回溯性．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 7
通知的一致性．．．．．．．．．．．．．．．．．．．．． 8
簡捷的架構分層．．．．．．．．．．．．．．．．． 9
低耦合渲染．．．．．．．．．．．．．．．．．．．．．．．．． 9
Flux組件．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 10
動作．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 10
分發(fā)器．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 11
存儲器．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 12
視圖．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 12
安裝 Flux軟件包．．．．．．．．．．．．．．．．．．．．．． 14
小結．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 16

2 Flux的原則．．．．．．．．．．．．．．．．．． 17
MV*所面臨的挑戰(zhàn) ．．．．．．．．．．．．．．．．．．． 17
關注點分離．．．．．．．．．．．．．．．．．．．．．．． 18
級聯(lián)更新．．．．．．．．．．．．．．．．．．．．．．．．．．． 19
模型更新的職責．．．．．．．．．．．．．．． 20
單向數(shù)據(jù) ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 21
從開始到結束．．．．．．．．．．．．．．．．．．． 22
無毒無害．．．．．．．．．．．．．．．．．．．．．．．．．．． 23
顯式優(yōu)于隱式．．．．．．．．．．．．．．．．．．．．．．．．．．． 23
暗藏隱患的更新．．．．．．．．．．．．．．． 24
集中修改狀態(tài)的地方．．．．．．． 26
太多動作？．．．．．．．．．．．．．．．．．．．．．．． 26
分層優(yōu)于嵌套．．．．．．．．．．．．．．．．．．．．．．．．．．． 27
多組件嵌套．．．．．．．．．．．．．．．．．．．．．．． 27
嵌套深度與副作用．．．．．．．．．．． 28
數(shù)據(jù)流和分層．．．．．．．．．．．．．．．．．．． 28
應用數(shù)據(jù)和界面狀態(tài) ．．．．．．．．．．．．．．． 29
兩個相同的東西．．．．．．．．．．．．．．． 29
強耦合轉換．．．．．．．．．．．．．．．．．．．．．．． 30
功能中心化．．．．．．．．．．．．．．．．．．．．．．． 31
小結．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 31
3 搭建骨架架構．．．．．．．．．．．．．．． 32
總體組織．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 32
目錄結構．．．．．．．．．．．．．．．．．．．．．．．．．．． 33
依賴管理．．．．．．．．．．．．．．．．．．．．．．．．．．． 33
信息設計．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 34
用戶不需要了解模型．．．．．．． 34
存儲器映射用戶看到的內容．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 35
和哪些東西協(xié)同工作．．．．．．． 36
在動作中注入存儲器．．．．．．．．．．．．．．． 36
獲取 API數(shù)據(jù) ．．．．．．．．．．．．．．．．．．． 36
改變 API資源狀態(tài) ．．．．．．．．．．． 42
本地動作．．．．．．．．．．．．．．．．．．．．．．．．．．． 47
存儲器和功能域．．．．．．．．．．．．．．．．．．．．．．． 50
梳理頂層功能．．．．．．．．．．．．．．．．．．． 50
無關緊要的 API數(shù)據(jù) ．．．．．．． 51
構造存儲器數(shù)據(jù) ．．．．．．．．．．．．．．． 53
模擬視圖．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 53
找尋失去的數(shù)據(jù) ．．．．．．．．．．．．．．． 53
定位動作．．．．．．．．．．．．．．．．．．．．．．．．．．． 54
端到端場景．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 56
動作清單．．．．．．．．．．．．．．．．．．．．．．．．．．． 56
存儲器清單．．．．．．．．．．．．．．．．．．．．．．． 56
視圖清單．．．．．．．．．．．．．．．．．．．．．．．．．．． 57
小結．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 57
4 創(chuàng)建動作．．．．．．．．．．．．．．．．．．．．．． 58
動作的名稱和常量．．．．．．．．．．．．．．．．．．． 58
動作命名約定．．．．．．．．．．．．．．．．．．． 58
靜態(tài)動作數(shù)據(jù) ．．．．．．．．．．．．．．．．．．． 59
組織動作常量．．．．．．．．．．．．．．．．．．． 62
特性動作生成器．．．．．．．．．．．．．．．．．．．．．．． 63
什么時候需要模塊化．．．．．．． 63
模塊化架構．．．．．．．．．．．．．．．．．．．．．．． 64
模擬數(shù)據(jù) ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 65
模擬已存在的接口．．．．．．．．．．． 65
模擬新接口．．．．．．．．．．．．．．．．．．．．．．． 66
替換動作生成器．．．．．．．．．．．．．．． 70
狀態(tài)動作生成器．．．．．．．．．．．．．．．．．．．．．．． 71
整合其他系統(tǒng) ．．．．．．．．．．．．．．．．．．． 72
web socket連接．．．．．．．．．．．．．．．． 73
參數(shù)化動作生成器．．．．．．．．．．．．．．．．．．． 76
刪除多余的動作．．．．．．．．．．．．．．． 76
保持動作的通用性．．．．．．．．．．． 77
創(chuàng)建衍生動作．．．．．．．．．．．．．．．．．．． 80
小結．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 81
5 異步動作．．．．．．．．．．．．．．．．．．．．．． 83
保持 Flux同步．．．．．．．．．．．．．．．．．．．．．．．．．． 83
為什么要同步．．．．．．．．．．．．．．．．．．． 83
壓縮異步行為．．．．．．．．．．．．．．．．．．． 84
異步動作語義．．．．．．．．．．．．．．．．．．． 85
創(chuàng)建 API調用．．．．．．．．．．．．．．．．．．．．．．．．．．． 87
API是常見的情況．．．．．．．．．．．． 87
API調用和用戶交互．．．．．．．． 88
結合 API調用．．．．．．．．．．．．．．．．．．．．．．．．．．． 92
復雜的動作生成器．．．．．．．．．．． 93
組合動作生成器．．．．．．．．．．．．．．． 96
返回 promise ．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 97
不含 promise的同步．．．．．．．． 98
組織異步行為．．．．．．．．．．．．．．．．．．． 99
錯誤處理．．．．．．．．．．．．．．．．．．．．．．．．． 101
小結．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 103
6 改變 Flux存儲器的狀態(tài) ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．105
適應不斷變化的信息．．．．．．．．．．．．． 105
變化的 API數(shù)據(jù) ．．．．．．．．．．．．． 105
變化的功能．．．．．．．．．．．．．．．．．．．．． 106
受影響的組件．．．．．．．．．．．．．．．．． 107
減少重復的存儲器數(shù)據(jù) ．．．．．．．．． 107
通用存儲器數(shù)據(jù) ．．．．．．．．．．．．． 107
注冊通用存儲器．．．．．．．．．．．．． 108
結合通用和專用數(shù)據(jù) ．．．．． 112
處理存儲器的依賴關系．．．．．．．．． 116
等待存儲器．．．．．．．．．．．．．．．．．．．．． 116
數(shù)據(jù)依賴．．．．．．．．．．．．．．．．．．．．．．．．． 118
UI依賴．．．．．．．．．．．．．．．．．．．．．．．．．．．． 119
視圖的更新順序．．．．．．．．．．．．．．．．．．．．． 125
存儲器的注冊順序．．．．．．．．． 125
視圖渲染的優(yōu)先級排序． 125
處理存儲器復雜度．．．．．．．．．．．．．．．．． 126
存儲器太多．．．．．．．．．．．．．．．．．．．．． 126
反思功能域．．．．．．．．．．．．．．．．．．．．． 126
小結．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 127
7 視圖信息．．．．．．．．．．．．．．．．．．．．．128
傳遞視圖數(shù)據(jù) ．．．．．．．．．．．．．．．．．．．．．．．．． 128
change事件中的數(shù)據(jù) ．．．．． 128
視圖決定何時渲染．．．．．．．．． 132
保持視圖無狀態(tài) ．．．．．．．．．．．．．．．．．．．．． 135
UI狀態(tài)屬于存儲器．．．．．．．． 135
不用查詢 DOM ．．．．．．．．．．．．．．． 135
視圖的職責．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 136
渲染存儲器數(shù)據(jù) ．．．．．．．．．．．．． 136
子視圖結構．．．．．．．．．．．．．．．．．．．．． 137
用戶交互．．．．．．．．．．．．．．．．．．．．．．．．． 138
在 Flux中使用 ReactJS ．．．．．．．．．． 138
設置視圖狀態(tài) ．．．．．．．．．．．．．．．．． 139
組成視圖．．．．．．．．．．．．．．．．．．．．．．．．． 143
響應事件．．．．．．．．．．．．．．．．．．．．．．．．． 146
路由和動作．．．．．．．．．．．．．．．．．．．．． 149
小結．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 154
8 信息的生命周期．．．．．．．．．．．155
組件生命周期難題．．．．．．．．．．．．．．．．． 155
回收不再使用的資源．．．．． 156
隱藏依賴．．．．．．．．．．．．．．．．．．．．．．．．． 157
內存泄漏．．．．．．．．．．．．．．．．．．．．．．．．． 157
Flux結構是靜態(tài)的．．．．．．．．．．．．．．．．． 158
單例模式．．．．．．．．．．．．．．．．．．．．．．．．． 158
與模型進行比較．．．．．．．．．．．．． 161
靜態(tài)視圖．．．．．．．．．．．．．．．．．．．．．．．．． 161
擴展信息．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 165
如何很好地擴展．．．．．．．．．．．．． 165
昀小化所需信息．．．．．．．．．．．．． 169
擴展的動作．．．．．．．．．．．．．．．．．．．．． 169
閑置的存儲器．．．．．．．．．．．．．．．．．．．．．．．．． 170
刪除存儲器數(shù)據(jù) ．．．．．．．．．．．．． 170
優(yōu)化閑置的存儲器．．．．．．．．． 173
保持存儲器數(shù)據(jù) ．．．．．．．．．．．．． 174
小結．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 182
9 不可變的存儲器．．．．．．．．．．．183
放棄隱藏的更新．．．．．．．．．．．．．．．．．．．．． 183
如何破壞 Flux架構．．．．．．．． 184
獲取存儲器數(shù)據(jù) ．．．．．．．．．．．．． 186
一切皆不可變．．．．．．．．．．．．．．．．． 187
強制執(zhí)行單向數(shù)據(jù)流．．．．．．．．．．．．． 187
縱橫交錯的單向數(shù)據(jù)流． 188
過多的存儲器？．．．．．．．．．．．．． 189
沒有足夠的動作．．．．．．．．．．．．． 189
強制不可變性．．．．．．．．．．．．．．．．． 190
不可變數(shù)據(jù)的成本．．．．．．．．．．．．．．．．． 195
垃圾回收是昂貴的．．．．．．．．． 196
批量轉換．．．．．．．．．．．．．．．．．．．．．．．．． 196
抵消成本．．．．．．．．．．．．．．．．．．．．．．．．． 197
使用 Immutable．js ．．．．．．．．．．．．．．．．．．． 197
不可變列表和映射．．．．．．．．． 198
不可變的轉換．．．．．．．．．．．．．．．．． 201
變化檢測．．．．．．．．．．．．．．．．．．．．．．．．． 204
小結．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 208
10 實現(xiàn)分發(fā)器．．．．．．．．．．．．．．．．209
抽象分發(fā)器接口．．．．．．．．．．．．．．．．．．．．． 209
存儲器的注冊地．．．．．．．．．．．．． 209
分發(fā)負載．．．．．．．．．．．．．．．．．．．．．．．．． 210
依賴關系的處理．．．．．．．．．．．．． 211
分發(fā)器所面臨的挑戰(zhàn) ．．．．．．．．．．．．． 212
教育的目的．．．．．．．．．．．．．．．．．．．．． 212
單例模式的分發(fā)器．．．．．．．．． 212
手動注冊存儲器．．．．．．．．．．．．． 213
容易出錯的依賴管理．．．．． 213
構建分發(fā)器模塊．．．．．．．．．．．．．．．．．．．．． 214
封裝存儲器的引用．．．．．．．．． 214
處理依賴．．．．．．．．．．．．．．．．．．．．．．．．． 215
分發(fā)動作．．．．．．．．．．．．．．．．．．．．．．．．． 217
優(yōu)化存儲器的注冊．．．．．．．．．．．．．．．．． 220
基礎存儲器類．．．．．．．．．．．．．．．．． 221
一個動作方法．．．．．．．．．．．．．．．．． 222
小結．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 226
11 可替代的視圖組件．．．．．227
ReactJS是適合 Flux的．．．．．．．．．． 227
ReactJS是單向的．．．．．．．．．．． 227
重新渲染數(shù)據(jù)很簡單．．．．． 229
短小精悍的代碼．．．．．．．．．．．．． 229
ReactJS的缺點．．．．．．．．．．．．．．．．．．．．．．． 230
虛擬 DOM和內存．．．．．．．．．． 230
JSX和標記語言．．．．．．．．．．．．．． 231
庫鎖定．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 232
使用 jQuery和 Handlebars ．．．．． 232

為什么是 jQuery和 Handlebars ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 232
渲染模板．．．．．．．．．．．．．．．．．．．．．．．．． 233
組合視圖．．．．．．．．．．．．．．．．．．．．．．．．． 236
事件處理．．．．．．．．．．．．．．．．．．．．．．．．． 238
使用 VanillaJS ．．．．．．．．．．．．．．．．．．．．．．．．． 244
對可選擇性保持開放．．．．． 244
遷移到 React ．．．．．．．．．．．．．．．．．．． 244
新的技術熱點．．．．．．．．．．．．．．．．． 245
小結．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 245
12 使用 Flux庫．．．．．．．．．．．．．．247
實現(xiàn)核心 Flux組件．．．．．．．．．．．．．．．． 247
自定義分發(fā)器．．．．．．．．．．．．．．．．． 247
實現(xiàn)一個基本的存儲器． 248
創(chuàng)建動作．．．．．．．．．．．．．．．．．．．．．．．．． 248
實現(xiàn)中遇到的痛點．．．．．．．．．．．．．．．．． 249
分發(fā)異步動作．．．．．．．．．．．．．．．．． 249
劃分存儲器．．．．．．．．．．．．．．．．．．．．． 249
使用 Alt ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 250
核心理念．．．．．．．．．．．．．．．．．．．．．．．．． 250
創(chuàng)建存儲器．．．．．．．．．．．．．．．．．．．．． 251
聲明動作生成器．．．．．．．．．．．．． 253
監(jiān)聽狀態(tài)變化．．．．．．．．．．．．．．．．． 254
視圖渲染以及分發(fā)動作． 255
使用 Redux ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 258
核心思想．．．．．．．．．．．．．．．．．．．．．．．．． 258
狀態(tài)轉換器和存儲器．．．．． 259
Redux動作．．．．．．．．．．．．．．．．．．．．．． 262
渲染組件和分發(fā)動作．．．．． 264
小結．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 269

13 測試和性能．．．．．．．．．．．．．．．．270
你好，Jest ．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 270
測試動作生成器．．．．．．．．．．．．．．．．．．．．． 272
同步函數(shù) ．．．．．．．．．．．．．．．．．．．．．．．．． 273
異步函數(shù) ．．．．．．．．．．．．．．．．．．．．．．．．． 274
測試存儲器．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 277
測試存儲器監(jiān)聽器．．．．．．．．． 277
測試初始狀態(tài) ．．．．．．．．．．．．．．．．． 280
性能目標．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 283
用戶感知的性能．．．．．．．．．．．．． 283
測量的性能．．．．．．．．．．．．．．．．．．．．． 284
性能需求．．．．．．．．．．．．．．．．．．．．．．．．． 284
分析工具．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 285
異步動作．．．．．．．．．．．．．．．．．．．．．．．．． 285
存儲器內存．．．．．．．．．．．．．．．．．．．．． 285
CPU占用．．．．．．．．．．．．．．．．．．．．．．．． 286
基準測試工具．．．．．．．．．．．．．．．．．．．．．．．．． 286
代碼的基準測試．．．．．．．．．．．．． 286
狀態(tài)轉換．．．．．．．．．．．．．．．．．．．．．．．．． 287
小結．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 290
14 Flux和軟件開發(fā)的生命周期．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．291
Flux的開放性解釋．．．．．．．．．．．．．．．．． 291
實現(xiàn)選項一：只是模式． 292
實現(xiàn)選項二：使用 Flux庫．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 292
實現(xiàn)并使用自己的 Flux ． 292
開發(fā)方法論．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 293
在 Flux初期要考慮的事情．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 293
成熟的 Flux應用．．．．．．．．．．．． 294
從 Flux中獲得的啟示．．．．．．．．．．．． 294
單向數(shù)據(jù)流．．．．．．．．．．．．．．．．．．．．． 295
信息設計為王．．．．．．．．．．．．．．．．． 295
打包 Flux組件．．．．．．．．．．．．．．．．．．．．．．．． 295
完整獨立的 Flux ．．．．．．．．．．．．． 296
可安裝的軟件包．．．．．．．．．．．．． 296
可安裝的 Flux組件．．．．．．．． 296
小結．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．．． 304