微信小程序开发的详细解释

发布日期： 2017-03-03 阅读量： 作者： ADMIN

本系列为作者从入门开始进行详解，适合初入门者按照系列逐步观看学习；

1：页面的生命周期

在初始页面：index.js中增加如图1所示代码

微信小程序开发的详细解释

图1

点击“编译”后，运行这个小程序：日志如图2所示：初始页面index.js启动会从app,js中的生命周期方法调用开始：onLaunch---onShow，然后开始调用index.js页面中的生命周期方法：onLoad---onShow---onReady，当点击“后台”时，页面index.js进入后台，这时回调生命周期方法onHide，如图3所示，如果再点击“前台”，使页面回到前台，这时回调页面生命周期方法：onShow（注意，这时不再回调onLoad）如图4所示

微信小程序开发的详细解释

图2

微信小程序开发的详细解释

图3

微信小程序开发的详细解释

图4

2：页面的跳转

编写index.wxml代码如图5所示，可以看出text组件绑定了一个事件：itemClick，itemClick方法实现详见图1：

itemClick: function (){
     console.log("---index page itemClick---");
    wx.navigateTo({
      url: '../logs/logs'
    })

上一篇: python操作redis实例分析

下一篇: Go语言中怎么通过Lua脚本操作Redis

微信小程序开发的详细解释

随便看看