微信小程序这一块(上)
1、根目录下面的文件:
凡是以app开头的都是全局配置文件
app.js 全局逻辑文件 注册小程序
app.json 全局配置文件 https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html
app.wxss 全局样式文件
2、每个页面会分为4个文件
js文件 页面的逻辑操作
json文件 页面的配置操作
wxml文件 页面的结构布局
wxss文件 页面的样式
3、生命周期
App({ onLaunch(){ console.log("进入小程序") }, onShow(...rest){ console.log("显示小程序",rests) }, onHide(){ console.log("隐藏小程序") } })
4、可以通过getApp()获取到小程序的实例
5、注册小程序时要运行的生命周期
onLaunch、onShow、onHide
6、页面级别的生命周期:
onload
onShow
onReady
onHide
onUnload
注意:除以上,下面的为方法,并不是生命周期
https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html
//index.js //获取应用实例 const app = getApp() Page({ data:{ message:1917
//在对应的页面直接 在标签内部{{message}}使用
}, onLaunch(){ }, onShow(){ }, onReady(){ }, onHide(){ }, onUnload(){ }, onPullDownRefresh(){ console.log("下拉刷新") }, onReachBottom(){ console.log("上拉加载更多") }, onShareAppMessage(){ return { title:"你在哪", path:"pages/index/index" } console.log("该分享了") } })