主題

內容

課程總體概述

1.uni-app的介紹，為什么要用uni-app

2.App多端發布效果展示

3.安裝環境HbuilderX等

4.項目介紹

5.簡述MVC 模式

6.MVVM模式介紹

7.MVVM與雙向綁定

8.JSON對象和數組的渲染

9.頁面路由以及配黑文件講解

10.前端框架應用的生命周期

11.uniapp相關原理架構

Vue 基礎

1.v-bind 指令對屬性的數據綁定

2.基礎事件講解

3.條件渲染v-if與v-show

4.條件渲染 三元運算

6.列表清染y-for的使用

7.指令key 實現for循環的組件唯一性

8.嵌套循環的下標定義

9.條件編譯

10.前端監控和優化技巧

樣式與布局

1.布局介紹與模型

2.布局選型以及flex布局介紹

3.flex-direction元素的排列

4.外部css樣式導入方式

項目開發、創建項目，構建基礎頁面更改

1.構建tabbar 設置全局 page，簡述view 組件

2.使用輪播圖組件

3.禁用原生導航欄達到頁面全屏化

4.unirequest 動態獲得輪播圖數據

5.渲染并且展示輪播圖

6.引入組件實現全局變量

7.微信小程序https使用事項

8.簡述scroll-view使用,滾動的使用場景介紹

9.海報與標題以及評分制作

10.動態清染數據

11.開發自定義組件

12.父組件向自定義組件傳入值

13.動態渲染預告片

14.flex布局嵌套編寫

15.點贊css編寫實現點贊動畫效果

16.動態渲染列表實現動畫數組

17.開啟下拉刷新loading交互api

項目開發

1.編寫搜索欄編寫預告片列表、搜索欄置頂

2.動態獲取最新預告并且演染

3.分頁接口api講解

4.搜去前置準備執行接索動態演染

5.監聽下拉實現分頁功能

6.頁面路由api與傳參頁面跳轉組件的使用

7.構建評分與陰影效果

8.解決錯誤數據綁定undefined

9.視頻組件控制

10.真機調試

11.toast和loading提示框

12.模態彈窗alert、confirm

13.動態設置導航條

14.第三方登錄-app授權登錄

15.查看預覽用戶頭像

16.微信開放平臺簡單介紹

17.文件上傳api與后端接口講解

18.列表數據增刪改查的模擬實現

項目發布與線上部署

1.打包H5 web應用

2.云服務選型以及使用

3.配置安全組，重置密碼，上傳nginx，配置SSH

4.安裝nginx

5.成功發布H5 端web應用

6.微信小程序上傳審核流程 講解

7.打包安卓apk簡述ios打包

8.課程總結