日本免费精品视频,男人的天堂在线免费视频,成人久久久精品乱码一区二区三区,高清成人爽a毛片免费网站

目 錄

第1 章 現代前端開發 .................................................................. 1

1.1 ES6——新一代的JavaScript 標準 ........................................................ 1

1.1.1 語言特性 .................................................................................................. 2

1.1.2 使用Babel .............................................................................................. 10

1.1.3 小結 ........................................................................................................ 13

1.2 前端組件化方案 ................................................................................. 13

1.2.1 JavaScript 模塊化方案 ............................................................................ 14

1.2.2 前端的模塊化和組件化 .......................................................................... 16

1.2.3 小結 ........................................................................................................ 18

1.3 輔助工具 ............................................................................................ 19

1.3.1 包管理器(Package Manager) .............................................................. 19

1.3.2 任務流工具(Task Runner) .................................................................. 23

1.3.3 模塊打包工具(Bundler)...................................................................... 26

第2 章 webpack ........................................................................28

2.1 webpack 的特點與優勢 ....................................................................... 28

2.1.1 webpack 與RequireJS、browserify ......................................................... 29

2.1.2 模塊規范 ................................................................................................ 30

2.1.3 非javascript 模塊支持 ............................................................................ 31

2.1.4 構建產物 ................................................................................................ 32

2.1.5 使用 ........................................................................................................ 33

2.1.6 webpack 的特色 ...................................................................................... 35

2.1.7 小結 ........................................................................................................ 38

2.2 基于webpack 進行開發 ...................................................................... 38

2.2.1 安裝 ........................................................................................................ 38

2.2.2 Hello world ............................................................................................. 39

2.2.3 使用loader .............................................................................................. 43

2.2.4 配置文件 ................................................................................................ 46

2.2.5 使用plugin ............................................................................................. 48

2.2.6 實時構建 ................................................................................................ 50

第3 章 初識React .....................................................................52

3.1 使用React 與傳統前端開發的比較 .................................................... 54

3.1.1 傳統做法 ................................................................................................ 54

3.1.2 全量更新 ................................................................................................ 56

3.1.3 使用React .............................................................................................. 57

3.1.4 小結 ........................................................................................................ 59

3.2 JSX ..................................................................................................... 59

3.2.1 來歷 ........................................................................................................ 59

3.2.2 語法 ........................................................................................................ 60

3.2.3 編譯JSX ................................................................................................. 63

3.2.4 小結 ........................................................................................................ 64

3.3 React webpack 開發環境 ................................................................... 64

3.3.1 安裝配置Babel ....................................................................................... 64

3.3.2 安裝配置ESLint ..................................................................................... 65

3.3.3 配置webpack .......................................................................................... 66

3.3.4 添加測試頁面 ......................................................................................... 68

3.3.5 添加組件熱加載(HMR)功能 .............................................................. 70

3.3.6 小結 ........................................................................................................ 71

3.4 組件 .................................................................................................... 72

3.4.1 props 屬性 ............................................................................................... 73

3.4.2 state 狀態 ................................................................................................ 76

3.4.3 組件生命周期 ......................................................................................... 78

3.4.4 組合組件 ................................................................................................ 80

3.4.5 無狀態函數式組件 .................................................................................. 82

3.4.6 state 設計原則 ......................................................................................... 82

3.4.7 DOM 操作 .............................................................................................. 83

3.5 Virtual DOM ....................................................................................... 85

3.5.1 DOM ....................................................................................................... 85

3.5.2 虛擬元素 ................................................................................................ 86

3.5.3 比較差異 ................................................................................................ 88

第4 章 實踐React .....................................................................91

4.1 開發項目 ............................................................................................ 91

4.1.1 將原型圖分割成不同組件 ...................................................................... 92

4.1.2 創造每個靜態組件 .................................................................................. 93

4.1.3 組合靜態組件 ......................................................................................... 96

4.1.4 添加state 的結構 .................................................................................... 99

4.1.5 組件交互設計 ........................................................................................ 100

4.1.6 組合成為最終版本 ................................................................................. 102

4.1.7 小結 ....................................................................................................... 105

4.2 測試 .................................................................................................. 106

4.2.1 通用測試工具簡介 ................................................................................. 106

4.2.2 React 測試工具及方法 ...........................................................