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