uni-app跨平臺(tái)開發(fā)與應(yīng)用從入門到實(shí)踐

第一篇 基礎(chǔ)篇
第1章 uni-app簡介與使用方法
1.1 uni-app簡介
1.2 uni-app開發(fā)環(huán)境搭建
1.3 HBuilderX
1.4 vue-cli命令行
新手問答
N01：uni-app有哪些獨(dú)有的優(yōu)勢？
N02：使用vue-cli和使用HBuilderX創(chuàng)建項(xiàng)目有什么區(qū)別？
新手實(shí)訓(xùn)：使用HBuilderX開發(fā)工具創(chuàng)建模板項(xiàng)目并運(yùn)行
第2章 uni-app開發(fā)基礎(chǔ)知識(shí)
2.1 uni-app開發(fā)規(guī)范
2.2 uni-app文件目錄結(jié)構(gòu)
2.3 外部資源的引入
2.4 uni-app的生命周期
2.5 uni-app的路由操作
2.6 運(yùn)行環(huán)境的判斷
2.7 uni-app的頁面樣式與布局
新手問答
NO1：如何編寫多端樣式？
NO2：如何快速創(chuàng)建組件？
新手實(shí)訓(xùn)：實(shí)現(xiàn)一個(gè)簡單的導(dǎo)航頁面切換效果
第3章 uni-app中Vue的使用
3.1 使用Vue的注意事項(xiàng)
3.2 Vue特性支持表
新手問答
NO1：如何獲取上個(gè)頁面?zhèn)鬟f的數(shù)據(jù)？
NO2：如何設(shè)置全局?jǐn)?shù)據(jù)和全局方法？
新手實(shí)訓(xùn)：使用uni-app內(nèi)置表單組件替代Vue表單
第4章 使用Nvue進(jìn)行高性能開發(fā)
4.1 Nvue簡介
4.2 Nvue的適用場景
4.3 Nvue的編譯模式
4.4 快速上手Nvue
4.5 Nvue開發(fā)與Vue開發(fā)的區(qū)別
新手問答
NO1：如何處理Android平臺(tái)陰影（boxshadow）顯示異常的問題？
NO2：如何解決iOS端內(nèi)容太少，無法下拉刷新的問題？
新手實(shí)訓(xùn)：使用Nvue純原生渲染模式運(yùn)行App
第二篇 進(jìn)階篇
第5章 uni-app的基礎(chǔ)配置
5.1 全局配置
5.2 應(yīng)用配置
5.3 頁面配置
5.4 小程序插件配置
5.5 快應(yīng)用配置
新手問答
NO1：常用的配置有哪些？
NO2：配置時(shí)有哪些注意事項(xiàng)？
新手實(shí)訓(xùn)：配置底部導(dǎo)航欄和標(biāo)題欄
第6章uni-app的相關(guān)組件
6.1 uni-app組件基礎(chǔ)信息
6.2 uni-ui擴(kuò)展組件
6.3 其他組件
新手問答
NO1：如何判斷開發(fā)過程中是否有必要使用第三方組件？
NO2：如何使用小程序插件？
新手實(shí)訓(xùn)：制作屬于自己的組件并上傳到插件市場
第7章 導(dǎo)航欄的定制
7.1 取消導(dǎo)航欄
7.2 導(dǎo)航欄樣式
7.3 添加自定義按鈕
7.4 原生搜索框
7.5 動(dòng)態(tài)修改樣式
7.6 繪制App端導(dǎo)航欄
7.7 使用前端標(biāo)簽組件模擬繪制導(dǎo)航欄
新手問答
NO1：使用原生導(dǎo)航欄好還是自行繪制導(dǎo)航欄好？
NO2：自定義導(dǎo)航欄時(shí)可能遇到哪些問題？
新手實(shí)訓(xùn)：創(chuàng)建一個(gè)導(dǎo)航欄組件
第8章 uni-app高效開發(fā)技巧
8.1 全局變量的使用方式
8.2 npm第三方庫的引用
8.3 微信小程序的第三方SDK
8.4 使用HBuilderX內(nèi)置瀏覽器調(diào)試H5
8.5 啟動(dòng)App的debug調(diào)試模式
8.6 性能優(yōu)化建議
8.7 寬屏適配指南
8.8 使用第三方服務(wù)
8.9 實(shí)現(xiàn)網(wǎng)絡(luò)通信
8.10 數(shù)據(jù)緩存接口
新手問答
NO1：如何優(yōu)化App安裝包體積？
NO2：如何優(yōu)化項(xiàng)目的啟動(dòng)速度？
新手實(shí)訓(xùn)：對項(xiàng)目進(jìn)行分包優(yōu)化
第9章 uniCloud云開發(fā)平臺(tái)
9.1 uniCloud簡介
9.2 uniCloud的使用
9.3 云數(shù)據(jù)庫
9.4 云函數(shù)
9.5 拓展能力
9.6 前端網(wǎng)頁托管
新手問答
NO1：在H5中使用uniCloud時(shí)如何處理跨域問題？
NO2：uniCloud和微信小程序云開發(fā)、支付寶小程序云開發(fā)有何區(qū)別？
NO3：在uniCloud中如何使用formdata？
新手實(shí)訓(xùn)：使用uni-id實(shí)現(xiàn)手機(jī)、支付寶和微信登錄功能
第三篇 實(shí)戰(zhàn)篇
第10章 項(xiàng)目實(shí)戰(zhàn)：開發(fā)一款視頻小程序
10.1 開發(fā)前的準(zhǔn)備
10.2 創(chuàng)建項(xiàng)目
10.3 頁面開發(fā)
10.4 小程序發(fā)布
新手問答
NO1：小程序發(fā)布時(shí)有哪些注意事項(xiàng)？
NO2：發(fā)布小程序體積過大應(yīng)如何處理？
第11章 項(xiàng)目實(shí)戰(zhàn)：開發(fā)一款手機(jī)商城App和小程序
11.1 開發(fā)前的準(zhǔn)備
11.2 創(chuàng)建項(xiàng)目
11.3 頁面開發(fā)
11.4 其他功能實(shí)現(xiàn)
11.5 項(xiàng)目發(fā)布上線
新手問答
NO1：如何制作自定義調(diào)試基座？
NO2：App上架應(yīng)用商店需要什么條件？
第12章 項(xiàng)目實(shí)戰(zhàn)：使用uniCloud搭建新聞資訊平臺(tái)
12.1 開發(fā)前的準(zhǔn)備
12.2 創(chuàng)建項(xiàng)目
12.3 頁面開發(fā)
12.4 管理后臺(tái)開發(fā)
12.5 項(xiàng)目發(fā)布上線
新手問答
NO1：使用uniCloud在小程序中無法聯(lián)網(wǎng)應(yīng)怎么解決？
NO2：如何控制云函數(shù)數(shù)量？