El ciclo de vida de los applets y scripts WXS

1. Ciclo de vida

---

1. ¿Qué es un ciclo de vida?

2. Clasificación del ciclo de vida

3. ¿Qué es una función de ciclo de vida?

4. Clasificación de las funciones del ciclo de vida

5. Funciones del ciclo de vida de la aplicación

• El applet 应用生命周期函数debe app.jsdeclararse en , el código de ejemplo es el siguiente:
  

6. Funciones del ciclo de vida de la página

• El subprograma debe declararse en 页面生命周期函数la página , el código de muestra es el siguiente: .js 文件
  

Dos, secuencia de comandos WXS

---

1. ¿Qué es wxs?

• WXS(WeiXin Script) Sí 小程序独有的一套脚本语言, combinado con WXML, se puede construir la estructura de la página.

2. Escenarios de aplicación de wxs

• wxml 中无法调用在页面的 .js 中定义的函数, sin embargo, las funciones definidas en wxs se pueden llamar en wxml
• El wxs en el applet 典型应用场景es " 过滤器".

3. La relación entre wxs y JavaScript*

3. Sintaxis básica de WXS

---

1. Guión wxs integrado

• El código wxs se puede escribir en etiquetas en el archivo wxml <wxs>, al igual que el código Javascript se puede escribir en la etiqueta <script> en el archivo html.
• Cada etiqueta <wxs></wxs> en el archivo wxml, 必须提供 module 属性se usa para especificar 当前 wxs 的模块名称y facilitar el acceso a los miembros en el módulo en wxml:
  

2. Definir el script wxs externo

• El código wxs también se puede escribir en 以 .wxs 为后缀名的文件内, al igual que el código javascript se puede escribir en un archivo con el sufijo .js. El código de ejemplo es el siguiente:
  

3. Uso de scripts wxs externos

• Al introducir un script wxs externo en wxml, agregue y atributos 必须para la etiqueta <wxs> , donde:modulesrc
  • modulese utiliza para especificar el nombre del módulo
  • srcse utiliza para especificar la ruta del script a importar, y必须是相对路径
• El código de ejemplo es el siguiente:
  

4. Características de WXS

---

1. Diferente de JavaScript

• Para reducir WeiXin Scriptel costo de aprendizaje de wxs(), el lenguaje wxs toma mucho de la sintaxis de JavaScript al diseñar. ¡Pero en esencia, wxs y JavaScript son dos lenguajes completamente diferentes!

2. No se puede utilizar como devolución de llamada de evento del componente

• El escenario de aplicación típico de wxs es " 过滤器", 经常配合 Mustache 语法进行使用por ejemplo:
  
• Sin embargo, las funciones definidas en wxs 不能作为组件的事件回调函数. Por ejemplo, el siguiente uso es incorrecto:
  

3. Aislamiento

• 隔离性Significa que el entorno de ejecución de wxs está aislado de otros códigos JavaScript. Se refleja en los siguientes dos aspectos:
  1. wxs no puede llamar a funciones definidas en js
  2. wxs no puede llamar a la API proporcionada por el applet

4. Buen desempeño

• En iOS设备Internet, el código JavaScript del subprograma WXScomparará快 2 ~ 20 倍
• En androidel dispositivo, la eficiencia operativa de ambos无差异