微信小程序学习day06-生命周期及WXS脚本

目录

生命周期:

1. 什么是生命周期:

2. 生命周期的分类:

3. 什么是生命周期函数:

4. 生命周期函数的分类:

5. 应用的生命周期函数 :

6. 页面的生命周期函数:

WXS 脚本 - 概述:

1. 什么是 wxs:

2. wxs 的应用场景:

3. wxs 和 JavaScript 的关系*:

WXS 脚本 - 基础语法:

1. 内嵌 wxs 脚本:

2. 定义外联的 wxs 脚本:

3. 使用外联的 wxs 脚本:

WXS 脚本 - WXS 的特点:

1. 与 JavaScript 不同:

2. 不能作为组件的事件回调:

3. 隔离性:

4. 性能好:


生命周期:

1. 什么是生命周期:

        生命周期Life Cycle)是指一个对象从创建 -> 运行 -> 销毁的整个阶段,强调的是一个时间段。例如:

  1. 张三出生,表示这个人生命周期的开始
  2. 张三离世,表示这个人生命周期的结束
  3. 中间张三的一生,就是张三的生命周期

我们可以把每个小程序运行的过程,也概括为生命周期:

  1. 小程序的启动,表示生命周期的开始
  2. 小程序的关闭,表示生命周期的结束
  3. 中间小程序运行的过程,就是小程序的生命周期

2. 生命周期的分类:

        在小程序中,生命周期分为两类,分别是:

应用生命周期
特指小程序从启动 -> 运行 -> 销毁的过程
页面生命周期
特指小程序中,每个页面的加载 -> 渲染 -> 销毁的过程

        其中,页面的生命周期范围较小应用程序的生命周期范围较大,如图所示:

3. 什么是生命周期函数:

        

生命周期函数:是由小程序框架提供的内置函数,会伴随着生命周期,自动按次序执行

生命周期函数的作用:允许程序员在特定的时间点执行某些特定的操作。例如,页面刚加载的时候,可以在 onLoad 生命周期函数中初始化页面的数据。

注意:生命周期强调的是时间段生命周期函数强调的是时间点

4. 生命周期函数的分类:

小程序中的生命周期函数分为两类,分别是:

应用的生命周期函数
特指小程序从启动 -> 运行 -> 销毁期间依次调用的那些函数
页面的生命周期函数
特指小程序中,每个页面从加载 -> 渲染 -> 销毁期间依次调用的那些函数

5. 应用的生命周期函数

        小程序的应用生命周期函数需要app.js 中进行声明,示例代码如下:

微信小程序学习day06-生命周期及WXS脚本_第1张图片

6. 页面的生命周期函数:

        小程序的页面生命周期函数需要在页面的 .js 文件中进行声明,示例代码如下:

微信小程序学习day06-生命周期及WXS脚本_第2张图片

WXS 脚本 - 概述:

1. 什么是 wxs:

         WXSWeiXin Script)是小程序独有的一套脚本语言,结合 WXML,可以构建出页面的结构。

2. wxs 的应用场景:

        wxml 中无法调用在页面的 .js 中定义的函数,但是,wxml 中可以调用 wxs 中定义的函数。因此,小程序中 wxs 典型应用场景就是过滤器”。

3. wxs JavaScript 的关系*:

微信小程序学习day06-生命周期及WXS脚本_第3张图片

WXS 脚本 - 基础语法:

1. 内嵌 wxs 脚本:

        wxs 代码可以编写在 wxml 文件中的 标签内,就像 Javascript 代码可以编写在 html 文件中的