微信小程序的发展会和微信公众号同样,在某个时间点爆发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来提问