微信小程序实战 (小程序框架基础)

本文详细介绍了微信小程序的应用及页面生命周期,包括onLaunch、onShow、onHide、onError等回调函数,以及页面的onLoad、onReady、onShow等方法。同时,讲解了全局配置app.json的重要属性,如entryPagePath、window设置,并举例说明了页面配置和sitemap配置的使用。
摘要由CSDN通过智能技术生成

上一篇讲了创建helloWord项目,这一篇介绍小程序框架基础。

1.项目的目录结构

参考官方文档介绍 总结如图

2.小程序应用生命周期

参考官方文档 里面介绍了 在小程序全局入口文件app.js 中指定了小程序的生命周期回调等。

2.1 onLaunch() 监听小程序初始化

看我们生成的初始项目

它定义了一个onLaunch() 监听小程序初始化,方法。我们增加一行打印控制台日志查看,当我们重新编译时发现控制台已经打印 "onLaunch: 监听小程序初始化"

    console.log("onLaunch: 监听小程序初始化")

复制代码

2.2 onShow() 监听小程序启动或切前台

增加onShow()生命周期方法测试

  onShow(){
    console.log("onShow: 监听小程序启动或切前台")
  },
复制代码

发现监听小程序启动时已经打印了。接着测试切前台 右键工具栏图标管理勾选切后台

发现日志已经打印

2.3 onHide() 监听小程序切后台

增加onHide()生命周期方法测试

  onHide(){
    console.log("onHide: 监听小程序切后台")
  },
复制代码

2.4 onError() 错误监听函数。

增加onError()生命周期方法测试,这个有错误参数

  onError(error){
    console.log("onError: 错误监听函数 ---> "+error)
  },
复制代码

增加错误代码测试

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值