微信小程序的發展會和微信公衆號同樣,在某個時間點爆發css
微信小程序最好的教程確定是官方的文檔啦,點擊這裏直達 微信官方文檔html
認真跟着文檔看一遍,相信有vue前端經驗的看下應該就能上手了,而後安裝 微信小程序開發者工具前端
新建一個quick start項目,瞭解代碼結構,這裏附上整個quick start代碼。vue
而後就拿個順手的api練練手,這裏附上cnode代碼,跟着作完差很少就算入門了。node
入門以後就是看其餘項目的實現了,這裏會附上案例集錦,一些github的案例。git
tip:看到了另外一份W3CSchool整理的文檔,能夠結合官方文檔一塊兒看github
常規頁面A:onLoad()-->onShow()-->onReady()-->onHide()-->onUnload()
釋義:web
wx.navigateTo跳轉狀態下,頁面A和頁面B的生命週期邏輯json
Page({ data:{}, onLoad:function(options){ // 頁面初始化 options爲頁面跳轉所帶來的參數 }, onReady:function(){ // 頁面渲染完成 }, onShow:function(){ // 頁面顯示 }, onHide:function(){ // 頁面隱藏 }, onUnload:function(){ // 頁面關閉 } })
基本的防踩坑Q&Acanvas
最佳防踩坑的方式就是看這個微信小程序常見FAQ
好友坑過的開發者社區已解決問題
App() 小程序註冊入口,全局惟一。App()用來註冊一個小程序,全局只有一個,全局的數據也能夠放到這裏面來操做。
```
// 註冊微信小程序,全局只有一個
let appConfig = {
// 小程序生命週期的各個階段
onLaunch: function(){},
onShow: function(){},
onHide: function(){},
onError: function(){},
// 自定義函數或者屬性 ...
};
App(appConfig);
// 在別的地方能夠獲取這個全局惟一的小程序實例
const app = getApp();
```
小程序並無提供銷燬的方式,因此只有當小程序進入後臺必定時間、或者系統資源佔用太高的時候,纔會被真正的銷燬。
Page() 頁面註冊入口。Page()用來註冊一個頁面,維護該頁面的生命週期以及數據。
```
// 註冊微信小程序,全局只有一個
let pageConfig = {
data: {},
// 頁面生命週期的各個階段
onLoad: function(){},
onShow: function(){},
onReady: function(){},
onHide: function(){},
onUnload: function(){},
onPullDownRefresh: function(){},
onReachBottom: function(){},
onShareAppMessage: function(){},
// 自定義函數或者屬性 ...
};
Page(pageConfig);
禁止頁面下拉須要設置 "disableScroll": true
tip:從案例裏能夠看到不少其餘小程序實現的方式,多多看代碼
官方demo★★★★★ 官方demo能夠看看佈局啥的,實現啥的
https://mp.weixin.qq.com/debug/wxadoc/dev/demo.html
官方quick start★★★★★ 官方的小程序,能夠本身改動看看效果
https://github.com/junhey/wxapp/tree/master/quickStart
cnodejs ★★★★ 本身作的第一款小程序,基本上覆蓋小程序的基本操做,推薦經過cnodejs的api來實踐開發小程序
https://github.com/junhey/wxapp-cnode
石頭剪刀布★★★★ 騰訊雲團隊出品,裏面有websocket的使用
https://github.com/CFETeam/weapp-demo-websocket
v2ex ★★★
https://github.com/liuyugang123/V2EX
精簡版百思不得姐 ★★★
https://github.com/shuncaigao/BS
空氣質量查詢 ★★★
http://blog.csdn.net/yulianlin/article/details/52692066
github客戶端 ★★★
https://blog.zhengxiaowai.cc/post/weapp-demo.html
持續踩坑中...
後續會進行不斷更新,訂閱請點watch,收藏請點star,歡迎開issues來提問