最近開發(fā)了幾個小程序，基本上是一兩天掌握開發(fā)技能，分享下經(jīng)驗。

前端基礎

開發(fā)小程序需要掌握基礎知識（這里只介紹重要知識點方便快速上手項目，當然以后前端知識js語法和css樣式還是要系統(tǒng)學習的）
js語法：定義變量、方法、對象、數(shù)組基本操作，以及模塊化導出(開始不一定要懂原理、會導出對象和方法給外部使用即可)。
js學習資料
css樣式：盒子模型、padding、margin、position以及最重要的flex布局，掌握flex布局你基本就掌握了前端布局精髓。float左右浮動可暫時不掌握，因為使用flex更加強大。
css資料
flex布局

2.小程序知識
官方地址
App：程序入口，掌握幾個app加載周期方法。
Page：頁面，每個page是一個獨立頁面， wx.navigateTo、 wx.switchTab 等等api進行頁面跳轉(zhuǎn)與切換。需要掌握幾個頁面加載周期方法。
Component：組件，可以理解為構(gòu)成頁面的封裝視圖，一個頁面可以由多個組件構(gòu)成。
模塊化：js模塊化，封裝的js方法、對象、常量可放在獨立模塊，可以導出以供調(diào)用的地方使用。

頁面的構(gòu)成：

1、WXML（組件結(jié)構(gòu)）
wxml是和html相似的一套標簽語言，它是頁面的結(jié)構(gòu)，由基礎組件和事件系統(tǒng)組成。
2、JS（處理邏輯）
小程序開發(fā)框架的邏輯層由JavaScript編寫。邏輯層將數(shù)據(jù)進行處理后發(fā)送給視圖層，同時接受視圖層的事件反饋。在JS里，微信小程序提供了豐富的API。
3、WXSS（樣式外觀）
WXSS(WeiXin Style Sheets)是一套樣式語言，用于描述 WXML 的組件樣式。
4、JSON（配置文件）
app.json里的設置會較多一點，普通頁面使用頻率不高。app.json 是對當前小程序的全局配置，包括了小程序的所有頁面路徑、界面表現(xiàn)、網(wǎng)絡超時時間、底部tab等。

實踐：

使用組件構(gòu)成頁面常用組件：視圖、輸入框、列表、圖片顯示等等
組件庫地址
使用api實現(xiàn)基本功能：加載、跳轉(zhuǎn)、toust、相冊、圖片處理等等
api地址