Uni-App學(xué)習(xí)路線
學(xué)習(xí)Uni-app用到的技術(shù)
成長路線:
一.必須掌握前端基礎(chǔ)知識
html\css\js\vue2.x
二.熟悉uni-app基本配置
1.創(chuàng)建新頁面和頁面的配置。
2.配置基本的tabbar。
3.tabbar的其他屬性配置。
4.condition啟動模式配置。
5.globalStyle全局外觀配置。
三．uni-app中樣式的學(xué)習(xí)及使用scss和字體圖標(biāo)
1.rpx與px的換算，屏幕自適應(yīng)的配置。
2.全局樣式的配置及使用方式。
3.css樣式熟悉掌握。
4.uni-app中引入scss，及掌握scss的使用。
四．熟悉uni-app基礎(chǔ)組件的使用
1.視圖容器的基本使用(view,scroll-view,swiper...)。
2.基礎(chǔ)內(nèi)容的基本使用(icon,text,progress...)。
3.表單組件的基本使用(button,checkbox,input,form,label...)。
4.媒體組件的基本使用(image,audio...)。
5.導(dǎo)航類組件的基本使用(navigation-bar,custom-tab-bar)。
6.了解uni-app的拓展組件庫。
7.總結(jié)uni-app標(biāo)簽組件與vue標(biāo)簽組件的變化和不同。
五．uni-app Api的基礎(chǔ)使用
1.uni-app基礎(chǔ)語法，基本的數(shù)據(jù)綁定，以及v-bind和v-for，條件渲染，列表渲染的使用。
2.全局組件注冊，組件之間傳參方式（父傳子，子傳父，兄弟組件傳參）。
3.路由跳轉(zhuǎn)以及路由傳參方式。
4.注冊事件和傳遞參數(shù)及獲取到事件對象。
5.生命周期函數(shù)的(uni-app應(yīng)用生命周期以及頁面生命周期)。
6.全局引入axios,發(fā)送get請求和post請求。
7.配置mock，生成隨機數(shù)據(jù)，攔截ajax請求。
8.部署開發(fā)環(huán)境變量和生產(chǎn)環(huán)境變量。
學(xué)習(xí)計劃
1.熟悉uni-app基礎(chǔ)語法。
2.創(chuàng)建一個uni-app項目,上傳至碼云,期間學(xué)習(xí)git命令。
3.找一些小程序或app模塊原型圖（如：導(dǎo)航欄，底部欄，輪播圖，頁面基礎(chǔ)布局等。
4.學(xué)習(xí)模塊所用到的相關(guān)技術(shù)。
5.根據(jù)官方文檔或查找資料的方式,實現(xiàn)模塊原型圖的效果。
6.引入axios,mock,模擬請求數(shù)據(jù)。
任務(wù)時間節(jié)點
一、熟悉uni-app基礎(chǔ)語法12.1——12.3
12.1
1.創(chuàng)建項目并提交至碼云。 9:00-10:00(工時：1h)
2.練習(xí)視圖容器的運用。10:00-12:00(工時：2h)
3.練習(xí)uni-app表單組件,寫出一個表單，并涵蓋所有表單組件。13:30-18:00(工時：4.5h)
4.在簡書上做好總結(jié)總結(jié)。18:00--未知
12.2
1.練習(xí)uni-app導(dǎo)航類組件。9:00-11:00(工時：2h)
2.練習(xí)uni-app擴展類組件。11:00-18:00(工時: 5.5h)
3.在簡書上做好總結(jié)。18:00--未知
12.3
1.練習(xí)uni-app應(yīng)用生命周期。9:00-10:30(工時：1.5h)
2.練習(xí)uni-app頁面生命周期。10:30-12:00(工時：1.5h)
3.掌握路由與頁面跳轉(zhuǎn)方式。13:30-16:00(工時：2.5h)
4.掌握uniapp數(shù)據(jù)緩存方式。16:00-18:00(工時: 2h)
5.在簡書上做好總結(jié)。18:00--未知
二、找一些小程序或app模塊原型圖（如：導(dǎo)航欄，底部欄，輪播圖，頁面基礎(chǔ)布局等），根據(jù)原型圖，學(xué)習(xí)相關(guān)技術(shù)，實現(xiàn)頁面布局，每日做好總結(jié)。 12.4——12.10
**12.4 **
導(dǎo)航欄，底部欄實現(xiàn), 在簡書上做好總結(jié)。（工時: 7.5h）
12.5
輪播圖實現(xiàn), 在簡書上做好總結(jié)。（工時: 7.5h）
12.7
list循環(huán)導(dǎo)航實現(xiàn), 在簡書上做好總結(jié)。（工時: 7.5h）
12.8
"我的" 頁面實現(xiàn), 在簡書上做好總結(jié)。（工時: 7.5h）
12.9
美妙清單頁面, 在簡書上做好總結(jié)。（工時: 7.5h）
12.10
主頁實現(xiàn), 在簡書上做好總結(jié)。（工時: 7.5h）
三、練習(xí)uniapp發(fā)送請求，模擬mock數(shù)據(jù)。12.11——12.15
12.11
引入axios,封裝攔截器,在簡書上做好總結(jié)。（工時: 7.5h）
12.12
引入mock,模擬get，post請求, 在簡書上做好總結(jié)。（工時: 7.5h）
12.14
封裝全局路由攔截, 在簡書上做好總結(jié)。（工時: 7.5h）
12.15
實現(xiàn)登錄頁面, 在簡書上做好總結(jié)。（工時: 7.5h）
總結(jié)
1.前期先學(xué)習(xí)基礎(chǔ)內(nèi)容，后面再由易到難，實現(xiàn)頁面布局和功能。
2.每日在Teambition上提交今日所學(xué)的內(nèi)容，在簡書上做好總結(jié)，采取Markdown寫法。
3.學(xué)習(xí)uni-app會采取以下學(xué)習(xí)路線圖
