五，小程序的生命周期

一，生命周期

应用生命周期
小程序启动->运行->销毁的过程

页面生命周期
每个页面加载->渲染->销毁的过程

1.1应用的生命周期函数

在app.js中声明

// app.jsApp({    
// 小程序初始化完成时，全局只执行一次，可以做一些初始化操作    
onLaunch: function(options) {},  
  // 小程序启动，或从后台进入前台时触发 
   onShow: function(options) {},   
 // 小程序从前台进入后台时触发    
onHide: function() {}})

1.2页面的生命周期

在页面的.js中进行声明

Page({
    /**
   * 生命周期函数--监听页面加载， 一个页面只调用一次
   */
    onLoad(options) {},

    /**
   * 生命周期函数--监听页面初次渲染完成， 一个页面只调用一次
   */
    onReady() {},

    /**
   * 生命周期函数--监听页面显示
   */
    onShow() {},

    /**
   * 生命周期函数--监听页面隐藏
   */
    onHide() {},

    /**
   * 生命周期函数--监听页面卸载， 一个页面只调用一次
   */
    onUnload() {}
})

二,WXS脚本

WeiXinScript (微信脚本)小程序独有的脚本语言
在wxml中无法调用在页面的.js中定义的函数,但是wxml中可以调用wxs中定义的函数(应用场景:过滤器)
不支持es6的语法

2.1基础语法

• 内嵌式
  必须提供module属性,用来指定当前wxs的模块名称,方便在wxml中访问模块的成员

<wxs module='m1'>
    //cherry ->CHERRY
module.exports.toUpper = function(str){
        return str.toUpperCase()
}
</wxs>

• 外联式
  utils/toos.wxs

function toLower(str) {
    return str.toLowerCase()
}

module.exports = {
    toLower: toLower
}

使用外联wxs,必须是相对路径

<wxs src='../../utils/tools.wxs' module='m2'></wxs>