Uni-App學(xué)習(xí)路線

Uni-App學(xué)習(xí)路線

學(xué)習(xí)Uni-app用到的技術(shù)

Uni-app官網(wǎng)

Html

Css

JavaScript

Vue2.x

Axios

Mock

Scss

成長路線:

一.必須掌握前端基礎(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í)路線圖

學(xué)習(xí)路線.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市留潦,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌辣往,老刑警劉巖兔院,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異站削,居然都是意外死亡坊萝,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進(jìn)店門许起,熙熙樓的掌柜王于貴愁眉苦臉地迎上來十偶,“玉大人,你說我怎么就攤上這事园细〉牖” “怎么了?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵猛频,是天一觀的道長狮崩。 經(jīng)常有香客問我,道長鹿寻,這世上最難降的妖魔是什么睦柴? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮毡熏,結(jié)果婚禮上坦敌,老公的妹妹穿的比我還像新娘。我一直安慰自己痢法,他們只是感情好狱窘,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著疯暑,像睡著了一般训柴。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上妇拯,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天幻馁,我揣著相機(jī)與錄音洗鸵,去河邊找鬼。 笑死仗嗦,一個(gè)胖子當(dāng)著我的面吹牛膘滨,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播稀拐,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼火邓,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了德撬?” 一聲冷哼從身側(cè)響起铲咨,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎蜓洪,沒想到半個(gè)月后纤勒,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡隆檀,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年摇天,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片恐仑。...
    茶點(diǎn)故事閱讀 38,039評論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡泉坐,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出裳仆,到底是詐尸還是另有隱情腕让,我是刑警寧澤,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布鉴逞,位于F島的核電站记某,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏构捡。R本人自食惡果不足惜液南,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望勾徽。 院中可真熱鬧滑凉,春花似錦、人聲如沸喘帚。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽吹由。三九已至若未,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間倾鲫,已是汗流浹背粗合。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工萍嬉, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人隙疚。 一個(gè)月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓壤追,卻偏偏與公主長得像,于是被迫代替她去往敵國和親供屉。 傳聞我的和親對象是個(gè)殘疾皇子行冰,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,786評論 2 345

推薦閱讀更多精彩內(nèi)容