微信小程序这一块(上)

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("该分享了") } })

猜你喜欢

转载自www.cnblogs.com/Bree/p/12018234.html