本書(shū)是一本大前端入門(mén)類(lèi)書(shū)籍,書(shū)中對(duì)大前端領(lǐng)域的常見(jiàn)技術(shù)做了一定的講解,每類(lèi)技術(shù)都通過(guò)基礎(chǔ)知識(shí)+實(shí)戰(zhàn)的方式來(lái)讓大家快速掌握。本書(shū)首先對(duì)大前端的跨平臺(tái)方案做一個(gè)簡(jiǎn)單的介紹,接著對(duì)前端技術(shù)進(jìn)行了一個(gè)簡(jiǎn)單的介紹,確保大家能看懂基本的JavaScript和HTML、CSS。然后分別介紹React Native、微信小程序、Flutter,每個(gè)技術(shù)方案都通過(guò)理論+實(shí)戰(zhàn)的方式來(lái)幫助讀者快速掌握。最后,簡(jiǎn)單介紹了Weex、快應(yīng)用和PWA等方案。
Android技術(shù)專(zhuān)家,QCon、GMTC 特邀講師,暢銷(xiāo)圖書(shū)《Android 開(kāi)發(fā)藝術(shù)探索》作者,待過(guò)騰訊、百度等一線大廠。
目錄
第1章 大前端概述
1.1 什么是大前端
1.2 主流跨平臺(tái)方案簡(jiǎn)介
第2章 HTML和CSS入門(mén)
2.1 HTML基礎(chǔ)
2.1.1 HTML簡(jiǎn)介
2.1.2 基本結(jié)構(gòu)
2.1.3 常用標(biāo)簽
2.1.4 圖片
2.1.5 列表
2.1.6 超鏈接
2.1.7 表格
2.1.8 表單
2.2 CSS基礎(chǔ)
2.2.1 選擇器
2.2.2 常用屬性
2.2.3 盒模型
2.2.4 定位
2.2.5 浮動(dòng)
2.2.6 FlexBox布局
第3章 JavaScript入門(mén)
3.1 JavaScript初探
3.1.1 搭建開(kāi)發(fā)環(huán)境
3.1.2 第一個(gè)程序
3.2 數(shù)據(jù)類(lèi)型
3.2.1 變量、常量和字面量
3.2.2 基本類(lèi)型和對(duì)象類(lèi)型
3.2.3 內(nèi)置類(lèi)型
3.2.4 類(lèi)型轉(zhuǎn)換
3.2.5 標(biāo)識(shí)符命名
3.3 運(yùn)算符和表達(dá)式
3.3.1 運(yùn)算符
3.3.2 運(yùn)算符優(yōu)先級(jí)
3.4 控制流
3.4.1 邏輯判斷
3.4.2 循環(huán)控制流
3.5 函數(shù)和閉包
3.5.1 函數(shù)
3.5.2 閉包
3.6 程序異常
3.6.1 常見(jiàn)異常
3.6.2 異常捕獲
3.6.3 異常拋出
3.7 ES6
3.8 Node.js
3.8.1 安裝Node.js
3.8.2 NPM的使用
第4章 React Native入門(mén)
4.1 React語(yǔ)法基礎(chǔ)
4.1.1 React簡(jiǎn)介
4.1.2 搭建React開(kāi)發(fā)環(huán)境
4.1.3 JSX語(yǔ)法
4.1.4 組件
4.1.5 組件的生命周期
4.2 環(huán)境搭建
4.2.1 React Native開(kāi)發(fā)環(huán)境搭建
4.2.2 WebStorm代碼編輯器環(huán)境搭建
4.2.3 Visual Studio Code代碼編輯器環(huán)境搭建
4.2.4 運(yùn)行React Native項(xiàng)目
4.3 常用UI組件
4.3.1 View組件
4.3.2 Image組件
4.3.3 Text組件
4.3.4 TextInput組件
4.3.5 ScrollView組件
4.3.6 ListView組件
4.3.7 FlatList組件
4.3.8 SwipeableFlatList組件
4.3.9 SectionList組件
4.4 網(wǎng)絡(luò)
4.5 導(dǎo)航器React Navigation
4.6 數(shù)據(jù)存儲(chǔ)
4.7 原生模塊開(kāi)發(fā)
4.7.1 Android原生模塊的封裝
4.7.2 iOS原生模塊的封裝
第5章 React Native實(shí)戰(zhàn)
5.1 項(xiàng)目創(chuàng)建
5.1.1 創(chuàng)建React Native項(xiàng)目
5.1.2 項(xiàng)目結(jié)構(gòu)介紹
5.2 完善功能頁(yè)面
5.2.1 登錄注冊(cè)
5.2.2 首頁(yè)
5.2.3 個(gè)人中心頁(yè)面
5.2.4 書(shū)單詳情
5.2.5 側(cè)滑頁(yè)面
5.3 打包
5.3.1 Android打包
5.3.2 iOS打包
第6章 微信小程序入門(mén)
6.1 認(rèn)識(shí)小程序
6.1.1 小程序簡(jiǎn)介
6.1.2 開(kāi)發(fā)前的準(zhǔn)備
6.1.3 創(chuàng)建小程序
6.1.4 代碼構(gòu)成
6.1.5 小程序的能力
6.2 小程序框架
6.2.1 小程序配置
6.2.2 小程序的生命周期
6.2.3 路由
6.2.4 視圖層
6.2.5 動(dòng)畫(huà)
6.3 常用組件
6.3.1 視圖容器
6.3.2 基礎(chǔ)內(nèi)容
6.3.3 表單組件
6.3.4 媒體組件
6.3.5 地圖
6.3.6 web-view
6.4 常用API
6.4.1 網(wǎng)絡(luò)
6.4.2 數(shù)據(jù)緩存
6.4.3 位置
6.4.4 設(shè)備
6.4.5 開(kāi)放接口
6.4.6 更新
第7章 微信小程序?qū)崙?zhàn)
7.1 項(xiàng)目結(jié)構(gòu)
7.2 項(xiàng)目實(shí)戰(zhàn)
7.2.1 數(shù)據(jù)請(qǐng)求
7.2.2 登錄與注冊(cè)頁(yè)面
7.2.3 首頁(yè)
7.2.4 個(gè)人中心頁(yè)面
7.2.5 圖書(shū)詳情頁(yè)面
7.2.6 收藏頁(yè)面
7.3 打包上線
7.3.1 上傳代碼
7.3.2 提交審核
第8章 Flutter入門(mén)
8.1 前期準(zhǔn)備
8.1.1 Flutter簡(jiǎn)介
8.1.2 安裝和配置編輯器
8.1.3 體驗(yàn)Flutter
8.1.4 Dart語(yǔ)法
8.2 構(gòu)建用戶界面
8.2.1 如何布局?布局文件跑哪去了
8.2.2 Widget組件介紹
8.2.3 添加交互
8.2.4 手勢(shì)監(jiān)測(cè)和事件處理
8.2.5 在Flutter中添加資源和圖片
8.3 使用設(shè)備和SDK API相關(guān)
8.3.1 異步UI
8.3.2 頁(yè)面跳轉(zhuǎn)和生命周期事件
8.3.3 文件讀寫(xiě)
8.3.4 網(wǎng)絡(luò)和HTTP
8.3.5 JSON和序列化
8.3.6 數(shù)據(jù)庫(kù)和本地存儲(chǔ)
8.3.7 Flutter插件
8.3.8 封裝新API
8.3.9 更多資料
第9章 Flutter實(shí)戰(zhàn)
9.1 項(xiàng)目結(jié)構(gòu)
9.1.1 結(jié)構(gòu)目錄
9.1.2 項(xiàng)目概述
9.2 項(xiàng)目代碼
9.2.1 登錄、注冊(cè)頁(yè)面
9.2.2 首頁(yè)
9.2.3 個(gè)人中心頁(yè)面
9.2.4 圖書(shū)詳情頁(yè)面
9.2.5 側(cè)滑頁(yè)面
9.3 多平臺(tái)打包
9.3.1 Android打包
9.3.2 iOS打包
第10章 Weex、PWA和快應(yīng)用
10.1 Weex
10.1.1 Weex簡(jiǎn)介
10.1.2 Weex基礎(chǔ)知識(shí)
10.1.3 Weex項(xiàng)目之Hello World
10.2 PWA
10.2.1 PWA簡(jiǎn)介
10.2.2 PWA基礎(chǔ)知識(shí)
10.2.3 PWA項(xiàng)目之Hello World
10.3 快應(yīng)用
10.3.1 快應(yīng)用簡(jiǎn)介
10.3.2 快應(yīng)用基礎(chǔ)知識(shí)
10.3.3 快應(yīng)用項(xiàng)目之Hello World
10.4 小結(jié)