大前端入門指南

第1章 大前端概述 1
1.1 什么是大前端 1
1.2 主流跨平臺(tái)方案簡(jiǎn)介 2
第2章 HTML和CSS入門 6
2.1 HTML基礎(chǔ) 6
2.1.1 HTML簡(jiǎn)介 6
2.1.2 基本結(jié)構(gòu) 6
2.1.3 常用標(biāo)簽 8
2.1.4 圖片 12
2.1.5 列表 14
2.1.6 超鏈接 18
2.1.7 表格 23
2.1.8 表單 25
2.2 CSS基礎(chǔ) 31
2.2.1 選擇器 31
2.2.2 常用屬性 40
2.2.3 盒模型 50
2.2.4 定位 59
2.2.5 浮動(dòng) 69
2.2.6 FlexBox布局 77
第3章 JavaScript入門 84
3.1 JavaScript初探 84
3.1.1 搭建開發(fā)環(huán)境 84
3.1.2 第一個(gè)程序 85
3.2 數(shù)據(jù)類型 87
3.2.1 變量、常量和字面量 87
3.2.2 基本類型和對(duì)象類型 88
3.2.3 內(nèi)置類型 89
3.2.4 類型轉(zhuǎn)換 90
3.2.5 標(biāo)識(shí)符命名 91
3.3 運(yùn)算符和表達(dá)式 92
3.3.1 運(yùn)算符 92
3.3.2 運(yùn)算符優(yōu)先級(jí) 98
3.4 控制流 98
3.4.1 邏輯判斷 99
3.4.2 循環(huán)控制流 100
3.5 函數(shù)和閉包 104
3.5.1 函數(shù) 105
3.5.2 閉包 106
3.6 程序異常 108
3.6.1 常見(jiàn)異常 108
3.6.2 異常捕獲 108
3.6.3 異常拋出 109
3.7 ES6 110
3.8 Node.js 110
3.8.1 安裝Node.js 110
3.8.2 NPM的使用 111
第4章 React Native入門 115
4.1 React語(yǔ)法基礎(chǔ) 115
4.1.1 React簡(jiǎn)介 115
4.1.2 搭建React開發(fā)環(huán)境 116
4.1.3 JSX語(yǔ)法 117
4.1.4 組件 118
4.1.5 組件的生命周期 122
4.2 環(huán)境搭建 124
4.2.1 React Native開發(fā)環(huán)境搭建 124
4.2.2 WebStorm代碼編輯器環(huán)境搭建 127
4.2.3 Visual Studio Code代碼編輯器環(huán)境搭建 127
4.2.4 運(yùn)行React Native項(xiàng)目 128
4.3 常用UI組件 128
4.3.1 View組件 128
4.3.2 Image組件 130
4.3.3 Text組件 135
4.3.4 TextInput組件 140
4.3.5 ScrollView組件 144
4.3.6 ListView組件 147
4.3.7 FlatList組件 151
4.3.8 SwipeableFlatList組件 155
4.3.9 SectionList組件 158
4.4 網(wǎng)絡(luò) 161
4.5 導(dǎo)航器React Navigation 168
4.6 數(shù)據(jù)存儲(chǔ) 183
4.7 原生模塊開發(fā) 187
4.7.1 Android原生模塊的封裝 187
4.7.2 iOS原生模塊的封裝 191
第5章 React Native實(shí)戰(zhàn) 196
5.1 項(xiàng)目創(chuàng)建 196
5.1.1 創(chuàng)建React Native項(xiàng)目 196
5.1.2 項(xiàng)目結(jié)構(gòu)介紹 197
5.2 完善功能頁(yè)面 199
5.2.1 登錄注冊(cè) 199
5.2.2 首頁(yè) 210
5.2.3 個(gè)人中心頁(yè)面 215
5.2.4 書單詳情 218
5.2.5 側(cè)滑頁(yè)面 222
5.3 打包 225
5.3.1 Android打包 225
5.3.2 iOS打包 227
第6章 微信小程序入門 229
6.1 認(rèn)識(shí)小程序 229
6.1.1 小程序簡(jiǎn)介 229
6.1.2 開發(fā)前的準(zhǔn)備 230
6.1.3 創(chuàng)建小程序 232
6.1.4 代碼構(gòu)成 233
6.1.5 小程序的能力 234
6.2 小程序框架 235
6.2.1 小程序配置 235
6.2.2 小程序的生命周期 236
6.2.3 路由 238
6.2.4 視圖層 239
6.2.5 動(dòng)畫 243
6.3 常用組件 243
6.3.1 視圖容器 243
6.3.2 基礎(chǔ)內(nèi)容 246
6.3.3 表單組件 247
6.3.4 媒體組件 251
6.3.5 地圖 254
6.3.6 web-view 255
6.4 常用API 255
6.4.1 網(wǎng)絡(luò) 255
6.4.2 數(shù)據(jù)緩存 257
6.4.3 位置 257
6.4.4 設(shè)備 258
6.4.5 開放接口 259
6.4.6 更新 261
第7章 微信小程序?qū)崙?zhàn) 262
7.1 項(xiàng)目結(jié)構(gòu) 262
7.2 項(xiàng)目實(shí)戰(zhàn) 263
7.2.1 數(shù)據(jù)請(qǐng)求 264
7.2.2 登錄與注冊(cè)頁(yè)面 265
7.2.3 首頁(yè) 269
7.2.4 個(gè)人中心頁(yè)面 276
7.2.5 圖書詳情頁(yè)面 281
7.2.6 收藏頁(yè)面 292
7.3 打包上線 295
7.3.1 上傳代碼 295
7.3.2 提交審核 296
第8章 Flutter入門 299
8.1 前期準(zhǔn)備 299
8.1.1 Flutter簡(jiǎn)介 300
8.1.2 安裝和配置編輯器 300
8.1.3 體驗(yàn)Flutter 304
8.1.4 Dart語(yǔ)法 306
8.2 構(gòu)建用戶界面 312
8.2.1 如何布局？布局文件跑哪去了 312
8.2.2 Widget組件介紹 313
8.2.3 添加交互 316
8.2.4 手勢(shì)監(jiān)測(cè)和事件處理 318
8.2.5 在Flutter中添加資源和圖片 320
8.3 使用設(shè)備和SDK API相關(guān) 321
8.3.1 異步UI 321
8.3.2 頁(yè)面跳轉(zhuǎn)和生命周期事件 323
8.3.3 文件讀寫 324
8.3.4 網(wǎng)絡(luò)和HTTP 325
8.3.5 JSON和序列化 327
8.3.6 數(shù)據(jù)庫(kù)和本地存儲(chǔ) 327
8.3.7 Flutter插件 330
8.3.8 封裝新API 331
8.3.9 更多資料 336
第9章 Flutter實(shí)戰(zhàn) 337
9.1 項(xiàng)目結(jié)構(gòu) 337
9.1.1 結(jié)構(gòu)目錄 337
9.1.2 項(xiàng)目概述 338
9.2 項(xiàng)目代碼 339
9.2.1 登錄、注冊(cè)頁(yè)面 339
9.2.2 首頁(yè) 350
9.2.3 個(gè)人中心頁(yè)面 365
9.2.4 圖書詳情頁(yè)面 372
9.2.5 側(cè)滑頁(yè)面 377
9.3 多平臺(tái)打包 381
9.3.1 Android打包 381
9.3.2 iOS打包 386
第10章 Weex、PWA和快應(yīng)用 390
10.1 Weex 390
10.1.1 Weex簡(jiǎn)介 390
10.1.2 Weex基礎(chǔ)知識(shí) 391
10.1.3 Weex項(xiàng)目之Hello World 392
10.2 PWA 395
10.2.1 PWA簡(jiǎn)介 395
10.2.2 PWA基礎(chǔ)知識(shí) 395
10.2.3 PWA項(xiàng)目之Hello World 398
10.3 快應(yīng)用 402
10.3.1 快應(yīng)用簡(jiǎn)介 402
10.3.2 快應(yīng)用基礎(chǔ)知識(shí) 402
10.3.3 快應(yīng)用項(xiàng)目之Hello World 406
10.4 小結(jié) 408