微信小程序--》小程序生命周期和WXS使用
️作者简介：大家好，我是亦世凡华、渴望知识储备自己的一名在校大学生
个人主页：亦世凡华、
系列专栏：微信小程序
座右铭：人生亦可燃烧，亦可腐败，我愿燃烧，耗尽所有光芒。
引言
⚓经过web前端开发的学习，相信大家对于前端开发有了一定深入的了解，今天我开设了微信小程序专栏，主要想从移动端开发方向进一步发展，而对于我来说写移动端博文的第一站就是小程序开发，希望看到我文章的朋友能对你有所帮助。
目录
️生命周期
生命周期分类
生命周期函数
生命周期函数分类
️WXS
wxs 和 JavaScript 的关系*
内嵌 wxs 脚本
外联 wxs 脚本
WXS特点
️生命周期
生命周期(Life Cycle)是指一个对象从创建->运行->销毁的整个阶段，强调的是一个时间段；小程序运行的过程也是有生命周期，小程序的启动表示生命周期的开始、小程序的关闭表示生命周期的结束，中间小程序运行的过程就是小程序的生命周期。
生命周期分类
在小程序中，生命周期分为两类，分别是：
应用生命周期：特指小程序从启动 -> 运行 -> 销毁的过程
页面生命周期：特指小程序中，每个页面的加载 -> 渲染 -> 销毁的过程
其中，页面的生命周期范围比较小，应用程序的生命周期范围比较大。
生命周期函数
生命周期函数：是由小程序框架提供的内置函数，会伴随着生命周期，自动按次序执行。
生命周期函数的作用：允许程序员在特定的时间点，执行某些特定的操作。例如：页面刚加载的时候，可以在 onLoad 生命周期函数中初始化页面的数据。
注意：生命周期强调的是时间段，生命周期函数强调的是时间点。
生命周期函数分类
小程序中的生命周期分为两类，分别是：
应用生命周期函数：特指小程序从启动 -> 允许 -> 销毁期间依次调用的那些函数
小程序的应用生命周期函数需要在 app.js 中进行声明，代码如下：
// app.js
App({
//当小程序初始化完成时，会触发 onLaunch（全局只触发一次）
onLaunch: function () {
},
//当小程序启动，或从后台进入前台显示，会触发 onShow
onShow: function (options) {
},
//当小程序从前台进入后台，会触发 onHide
onHide: function () {
}
})
我们可以在微信开发者工具来模拟前台切入后台，后台切入前台时触发的函数的过程。
如果没有在导航工具栏看到切后台的选项，可以在进行如下操作：
找到工具栏管理，勾选上切后台即可。
页面生命周期函数：特指小程序中，每个页面从加载 -> 渲染 -> 销毁期间依次调用的那些函数
小程序的页面生命周期需要在页面的.js文件中进行声明
//页面.js文件
Page({
onLoad : function(options){ }, //监听页面加载，一个页面只调用一次
onShow : function() { }, //监听页面显示
onReady : function() { }, //监听页面初次渲染完成，一个页面只调用一次
onHide : function() { }, //监听页面隐藏
onUnload: function() { } //监听页面卸载，一个页面只调用一次
})组件生命周期会在讲解组件方面的时候讲解。
️WXS
WXS(Wei Script)是小程序独有的一套脚本语言，结合WXML，可以构建出页面的结构。
wxml中无法调用在页面的.js中定义的函数，但是wxml中可以调用wxs中定义的函数，因此，小程序中的wxs的典型应用场景就是“过滤器”。
wxs 和 JavaScript 的关系*
wxs语法类似于JavaScript，但 wxs 和 JavaScript 是两种不同的两种语言。
wxs有自己的数据类型：
number数值类型、string字符串类型、boolean布尔类型、object对象类型、function函数类型
array数组类型、date日期类型、regexp正则
wxs不支持类似于 ES6 以上的语法形式：
不支持：let、const、解构赋值、展开运算符、箭头函数、对象属性简写等
支持：var 定义变量、普通function函数等类似于ES5的语法
wxs遵循CommonJS规范：
module对象、require()函数、module.exports对象
内嵌 wxs 脚本
wxs代码可以编写在 wxml 文件中的