本書是一本大前端入門類書籍,書中對大前端領(lǐng)域的常見技術(shù)做了一定的講解,每類技術(shù)都通過基礎(chǔ)知識+實戰(zhàn)的方式來讓大家快速掌握。本書首先對大前端的跨平臺方案做一個簡單的介紹,接著對前端技術(shù)進行了一個簡單的介紹,確保大家能看懂基本的JavaScript和HTML、CSS。然后分別介紹React Native、微信小程序、Flutter,每個技術(shù)方案都通過理論+實戰(zhàn)的方式來幫助讀者快速掌握。最后,簡單介紹了Weex、快應(yīng)用和PWA等方案。
Android技術(shù)專家,QCon、GMTC 特邀講師,暢銷圖書《Android 開發(fā)藝術(shù)探索》作者,待過騰訊、百度等一線大廠。
目錄
第1章 大前端概述
1.1 什么是大前端
1.2 主流跨平臺方案簡介
第2章 HTML和CSS入門
2.1 HTML基礎(chǔ)
2.1.1 HTML簡介
2.1.2 基本結(jié)構(gòu)
2.1.3 常用標簽
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 浮動
2.2.6 FlexBox布局
第3章 JavaScript入門
3.1 JavaScript初探
3.1.1 搭建開發(fā)環(huán)境
3.1.2 第一個程序
3.2 數(shù)據(jù)類型
3.2.1 變量、常量和字面量
3.2.2 基本類型和對象類型
3.2.3 內(nèi)置類型
3.2.4 類型轉(zhuǎn)換
3.2.5 標識符命名
3.3 運算符和表達式
3.3.1 運算符
3.3.2 運算符優(yōu)先級
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 常見異常
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入門
4.1 React語法基礎(chǔ)
4.1.1 React簡介
4.1.2 搭建React開發(fā)環(huán)境
4.1.3 JSX語法
4.1.4 組件
4.1.5 組件的生命周期
4.2 環(huán)境搭建
4.2.1 React Native開發(fā)環(huán)境搭建
4.2.2 WebStorm代碼編輯器環(huán)境搭建
4.2.3 Visual Studio Code代碼編輯器環(huán)境搭建
4.2.4 運行React Native項目
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ù)存儲
4.7 原生模塊開發(fā)
4.7.1 Android原生模塊的封裝
4.7.2 iOS原生模塊的封裝
第5章 React Native實戰(zhàn)
5.1 項目創(chuàng)建
5.1.1 創(chuàng)建React Native項目
5.1.2 項目結(jié)構(gòu)介紹
5.2 完善功能頁面
5.2.1 登錄注冊
5.2.2 首頁
5.2.3 個人中心頁面
5.2.4 書單詳情
5.2.5 側(cè)滑頁面
5.3 打包
5.3.1 Android打包
5.3.2 iOS打包
第6章 微信小程序入門
6.1 認識小程序
6.1.1 小程序簡介
6.1.2 開發(fā)前的準備
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 動畫
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 開放接口
6.4.6 更新
第7章 微信小程序?qū)崙?zhàn)
7.1 項目結(jié)構(gòu)
7.2 項目實戰(zhàn)
7.2.1 數(shù)據(jù)請求
7.2.2 登錄與注冊頁面
7.2.3 首頁
7.2.4 個人中心頁面
7.2.5 圖書詳情頁面
7.2.6 收藏頁面
7.3 打包上線
7.3.1 上傳代碼
7.3.2 提交審核
第8章 Flutter入門
8.1 前期準備
8.1.1 Flutter簡介
8.1.2 安裝和配置編輯器
8.1.3 體驗Flutter
8.1.4 Dart語法
8.2 構(gòu)建用戶界面
8.2.1 如何布局?布局文件跑哪去了
8.2.2 Widget組件介紹
8.2.3 添加交互
8.2.4 手勢監(jiān)測和事件處理
8.2.5 在Flutter中添加資源和圖片
8.3 使用設(shè)備和SDK API相關(guān)
8.3.1 異步UI
8.3.2 頁面跳轉(zhuǎn)和生命周期事件
8.3.3 文件讀寫
8.3.4 網(wǎng)絡(luò)和HTTP
8.3.5 JSON和序列化
8.3.6 數(shù)據(jù)庫和本地存儲
8.3.7 Flutter插件
8.3.8 封裝新API
8.3.9 更多資料
第9章 Flutter實戰(zhàn)
9.1 項目結(jié)構(gòu)
9.1.1 結(jié)構(gòu)目錄
9.1.2 項目概述
9.2 項目代碼
9.2.1 登錄、注冊頁面
9.2.2 首頁
9.2.3 個人中心頁面
9.2.4 圖書詳情頁面
9.2.5 側(cè)滑頁面
9.3 多平臺打包
9.3.1 Android打包
9.3.2 iOS打包
第10章 Weex、PWA和快應(yīng)用
10.1 Weex
10.1.1 Weex簡介
10.1.2 Weex基礎(chǔ)知識
10.1.3 Weex項目之Hello World
10.2 PWA
10.2.1 PWA簡介
10.2.2 PWA基礎(chǔ)知識
10.2.3 PWA項目之Hello World
10.3 快應(yīng)用
10.3.1 快應(yīng)用簡介
10.3.2 快應(yīng)用基礎(chǔ)知識
10.3.3 快應(yīng)用項目之Hello World
10.4 小結(jié)