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啟動(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的拓展組件庫圃伶。
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腔剂,生成隨機(jī)數(shù)據(jù),攔截ajax請求驼仪。
8.部署開發(fā)環(huán)境變量和生產(chǎn)環(huán)境變量掸犬。
學(xué)習(xí)計(jì)劃
1.熟悉uni-app基礎(chǔ)語法。
2.創(chuàng)建一個(gè)uni-app項(xiàng)目,上傳至碼云,期間學(xué)習(xí)git命令绪爸。
3.找一些小程序或app模塊原型圖(如:導(dǎo)航欄湾碎,底部欄,輪播圖奠货,頁面基礎(chǔ)布局等介褥。
4.學(xué)習(xí)模塊所用到的相關(guān)技術(shù)。
5.根據(jù)官方文檔或查找資料的方式,實(shí)現(xiàn)模塊原型圖的效果。
6.引入axios,mock,模擬請求數(shù)據(jù)柔滔。
任務(wù)時(shí)間節(jié)點(diǎn)
一溢陪、熟悉uni-app基礎(chǔ)語法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表單組件,寫出一個(gè)表單形真,并涵蓋所有表單組件。13:30-18:00(工時(shí):4.5h)
4.在簡書上做好總結(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é)嘶朱。18:00--未知
12.3
1.練習(xí)uni-app應(yīng)用生命周期蛾坯。9:00-10:30(工時(shí):1.5h)
2.練習(xí)uni-app頁面生命周期。10:30-12:00(工時(shí):1.5h)
3.掌握路由與頁面跳轉(zhuǎn)方式疏遏。13:30-16:00(工時(shí):2.5h)
4.掌握uniapp數(shù)據(jù)緩存方式脉课。16:00-18:00(工時(shí): 2h)
5.在簡書上做好總結(jié)。18:00--未知
二改览、找一些小程序或app模塊原型圖(如:導(dǎo)航欄下翎,底部欄,輪播圖宝当,頁面基礎(chǔ)布局等)视事,根據(jù)原型圖,學(xué)習(xí)相關(guān)技術(shù)庆揩,實(shí)現(xiàn)頁面布局俐东,每日做好總結(jié)。 12.4——12.10
**12.4 **
導(dǎo)航欄订晌,底部欄實(shí)現(xiàn), 在簡書上做好總結(jié)虏辫。(工時(shí): 7.5h)
12.5
輪播圖實(shí)現(xiàn), 在簡書上做好總結(jié)。(工時(shí): 7.5h)
12.7
list循環(huán)導(dǎo)航實(shí)現(xiàn), 在簡書上做好總結(jié)锈拨。(工時(shí): 7.5h)
12.8
"我的" 頁面實(shí)現(xiàn), 在簡書上做好總結(jié)砌庄。(工時(shí): 7.5h)
12.9
美妙清單頁面, 在簡書上做好總結(jié)。(工時(shí): 7.5h)
12.10
主頁實(shí)現(xiàn), 在簡書上做好總結(jié)奕枢。(工時(shí): 7.5h)
三娄昆、練習(xí)uniapp發(fā)送請求,模擬mock數(shù)據(jù)缝彬。12.11——12.15
12.11
引入axios,封裝攔截器,在簡書上做好總結(jié)萌焰。(工時(shí): 7.5h)
12.12
引入mock,模擬get,post請求, 在簡書上做好總結(jié)谷浅。(工時(shí): 7.5h)
12.14
封裝全局路由攔截, 在簡書上做好總結(jié)扒俯。(工時(shí): 7.5h)
12.15
實(shí)現(xiàn)登錄頁面, 在簡書上做好總結(jié)奶卓。(工時(shí): 7.5h)
總結(jié)
1.前期先學(xué)習(xí)基礎(chǔ)內(nèi)容,后面再由易到難撼玄,實(shí)現(xiàn)頁面布局和功能夺姑。
2.每日在Teambition上提交今日所學(xué)的內(nèi)容,在簡書上做好總結(jié)互纯,采取Markdown寫法瑟幕。
3.學(xué)習(xí)uni-app會采取以下學(xué)習(xí)路線圖