微信小程序8——生命周期与wxs

1、生命周期分类

· 应用生命周期——小程序的启动、运行、销毁

· 页面生命周期——加载、渲染、销毁

允许程序员在特定的时间点进行一些特定的操作

生命周期函数按顺序执行

生命周期——时间段，生命周期函数——时间点

1.1应用生命周期函数

在app.js中配置

当小程序初始化完成时，会触发 onLaunch（全局只触发一次）

onLaunch: function () {},

当小程序启动，或从后台进入前台显示，会触发 onShow

onShow: function (options) {},

当小程序从前台进入后台，会触发 onHide onHide: function () {},

当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息 onError: function (msg) { }

1.2 页面生命周期函数

onLoad: function (options) {},

onReady: function () {},// 以上两个只会加载一次

onShow: function () { },

onHide: function () { },

onUnload: function () { },

onPullDownRefresh: function () { },

onReachBottom: function () {},

onShareAppMessage: function () {}

2、wxs

2.1内嵌wxs脚本

wxml中每个<wxs></wxs>标签，必须提供module属性，用来指定wxs的模块名称，方便在wxml中访问模块中的成员

<wxs module="">module.exports.functionName = function(){ }</wxs>

2.2外联wxs脚本

在utls中定义wxs脚本，外联wxs中module src必须为相对路径

在utls中定义函数并共享出去

function toLower(str) {

return str.toLowerCase()}

module.exports = {toLower:toLower}    //向外共享，且不能简写，必须按原名称写全

<view>{{m2.toLower(country)}}</view>

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

2.3 wxs的特点

· 1、wxs大量借鉴JavaScript语言，但两者本质上不同

· 2、方法不能作为事件的回调，比如不能绑定bindtap

· 3、隔离性——wxs的运行环境与JavaScript的运行环境是隔离的

wxs不能调用.js中的函数

wxs不能调用小程序的API

· 4、性能好——在IOS设备上表现突出，但在Android设备上一般