微信小程序的发展会和微信公众号一样,在某个时间点爆发
学习路径
微信小程序最好的教程肯定是官方的文档啦,点击这里直达 微信官方文档
认真跟着文档看一遍,相信有vue前端经验的看下应该就能上手了,然后安装 微信小程序开发者工具
新建一个quick start项目,了解代码结构,这里附上整个quick start代码。
然后就拿个顺手的api练练手,这里附上cnode代码,跟着做完差不多就算入门了。
入门之后就是看其他项目的实现了,这里会附上案例集锦,一些github的案例。
知识总结
tip:看到了另一份W3CSchool整理的文档,可以结合官方文档一起看
目录结构介绍
app.js — 对本页面的窗口表现进行配置。
app.json — 对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。
app.wxss — 接受一个数组,每一项都是字符串,来指定小程序由哪些页面组成。
页面生命周期
小程序注册完成后,加载页面,触发onLoad方法。
页面载入后触发onShow方法,显示页面。
首次显示页面,会触发onReady方法,渲染页面元素和样式,一个页面只会调用一次。
当小程序后台运行或跳转到其他页面时,触发onHide方法。
当小程序有后台进入到前台运行或重新进入页面时,触发onShow方法。
当使用重定向方法wx.redirectTo(OBJECT)或关闭当前页返回上一页wx.navigateBack(),触发onUnload
常规页面A:onLoad()-->onShow()-->onReady()-->onHide()-->onUnload()
释义:
onLoad():监听页面加载,一个页面只会调用一次
onShow():监听页面显示,每次打开页面都会调用一次
onReady():监听页面初次渲染完成,一个页面只会调用一次,代表页面加载完毕,视图层和逻辑层可进行交互
onHide():监听页面隐藏,当页面被覆盖或进入后台执行
onUnload():监听页面卸载,当页面被关闭或内存不足主动销毁页面
wx.navigateTo跳转状态下,页面A和页面B的生命周期逻辑
进入A页面:A