1. Completa los espacios en blanco
1. La barra de navegación se puede realizar utilizando el componente de barra de navegación en el subprograma WeChat
2. El componente que puede realizar el efecto carrusel en el applet de WeChat es swiper
3. El método de vinculación para realizar el evento de la barra de desplazamiento en el applet de WeChat es bindscroll
4. El componente que introduce audio en el applet de WeChat es InnerAudioContext
5. En el subprograma WeChat, el método de reproducción de audio está controlado por play()
2. Preguntas de juicio
1. El comando wx:for en el applet de WeChat puede representar listas y anidarse. ( ✔ )
2. El componente swiper puede realizar el efecto carrusel de la página. ( ✔ )
3. El componente de vista de desplazamiento se usa para configurar el área de desplazamiento de la página y las barras de desplazamiento se generarán automáticamente después de su uso. ( ✔ )
4. Al usar wx:for, vincular el atributo wx:key puede mejorar el rendimiento de la representación de la lista. ( ✔ )
5. En WXSS, las imágenes locales se pueden importar a través del fondo. ( ✔ )
3. Preguntas de opción múltiple
1. ¿Cuál de las siguientes afirmaciones sobre wx:for en el subprograma WeChat es correcta ( A, B, C ).
A. wx:for se puede usar para implementar la representación de listas en la página.
B. wx:for-item se puede usar para redefinir el nombre del atributo variable del elemento de datos actual
C. wx:for-index puede establecer el nombre de atributo de la variable de índice actual
D. wx:else se puede usar solo para lograr la representación condicional de la página
2. La siguiente no es una propiedad de componente de vista de desplazamiento ( D ).
A、desplazamiento-x B、desplazamiento superior C、bindscroll D、actual
3. Entre las propiedades del componente deslizante del control deslizante a continuación, la que se puede usar para ajustar el progreso es ( C ).
A, porcentaje B, progreso C, cambio de enlace D, color activo
4. Lo siguiente es correcto sobre la caligrafía de animación CSS en el subprograma WeChat ( A, B, C, D ).
A. El subprograma Wechat admite animación CSS3
B. El estado de la animación se puede controlar a través del atributo animation-play-state
C. El efecto de reproducción de animación se puede configurar a través de la propiedad de animación.
D. Rotate en el applet de WeChat se puede usar para configurar el efecto de animación de rotación
5. En cuanto al componente de la imagen, la relación de aspecto utilizada para mantener la imagen en los siguientes atributos es ( A, C ).
A、apectFill B、scaleToFill C、aspectFit D、widthFix
4. Preguntas de respuesta corta
1. ¿Cuáles son los métodos de representación de páginas durante el desarrollo de los applets de WeChat? Ejemplo sencillo.
Durante el desarrollo de los applets de WeChat, existen dos formas principales de representar páginas:
(1) Método de representación basado en WXML y WXSS: este método es el método de representación de página más básico de los applets de WeChat. WXML (Weixin Markup Language) es un lenguaje de marcado similar a HTML, que se utiliza para describir la estructura y los componentes de la página. Diseño ; WXSS (Weixin Style Sheets) es un lenguaje de hojas de estilo similar a CSS, que se utiliza para describir el estilo y el diseño de los elementos de la página. De esta forma, el applet de WeChat utiliza WXML y WXSS para generar el árbol DOM y el árbol de estilos de la página y luego mostrarlos en la pantalla.
(2) El método de representación basado en el marco del subprograma: este método se encapsula y amplía aún más en función de los métodos de representación WXML y WXSS. El marco del subprograma WeChat proporciona algunos componentes y API encapsulados, y los desarrolladores pueden usar estos componentes y API para crear rápidamente páginas complejas y efectos interactivos. De esta manera, el marco del applet de WeChat generará el árbol DOM y el árbol de estilos correspondientes de acuerdo con la lógica del código del desarrollador y los representará en la pantalla.
2. Presente brevemente las aplicaciones típicas de los componentes Swiper, Scroll-View e Image, respectivamente.
(1) Componente Swiper: el componente Swiper es un componente de carrusel que se usa comúnmente en los applets de WeChat, que se puede usar para mostrar varias imágenes u otro contenido. Los escenarios de aplicación típicos incluyen exhibición de productos, publicidad, noticias, etc. A través del componente Swiper, los desarrolladores pueden realizar fácilmente efectos interactivos como carrusel de imágenes, deslizamiento de gestos y reproducción automática, y pueden personalizar el estilo y el diseño de la imagen del carrusel según sea necesario.
(2) Componente de vista de desplazamiento: el componente de vista de desplazamiento es un componente de vista de desplazamiento comúnmente utilizado en los subprogramas de WeChat, que se puede usar para mostrar listas largas, contenido de artículos, colecciones de imágenes, etc. Los escenarios de aplicación típicos incluyen clasificación de productos, lectura de artículos, detalles gráficos, etc. A través del componente de vista de desplazamiento, los desarrolladores pueden implementar fácilmente efectos interactivos como navegación deslizante, actualización desplegable y carga desplegable, y pueden personalizar el estilo y el diseño de la vista de desplazamiento según sea necesario.
(3) Componente de imagen: el componente de imagen es un componente de visualización de imágenes de uso común en los applets de WeChat, que se puede utilizar para mostrar una sola imagen o varias imágenes. Los escenarios de aplicación típicos incluyen imágenes de productos, avatares de usuarios, imágenes de noticias, etc. A través del componente Imagen, los desarrolladores pueden realizar fácilmente la carga de imágenes, el zoom, el recorte y otros efectos, y pueden personalizar el estilo y el diseño de la imagen según sea necesario.
3. Presente brevemente las formas de reproducir música en el programa WeChat Mini.
(1) Utilice <audio> etiquetas. En el archivo WXML del applet, puede usar <audio> etiquetas para crear un reproductor de audio. Puede usar src atributos para especificar la URL de un archivo de audio y controls para mostrar los botones de control del reproductor. Por ejemplo:
(2) Utilice el componente de reproductor de música oficial proporcionado por WeChat. El applet de WeChat proporciona una wx.createMusicContext() API llamada , que se puede usar para crear un objeto de contexto de música y llamar a sus métodos , play()y otros para controlar la reproducción de música. Al mismo tiempo, el subprograma WeChat también proporciona un componente de reproductor de música llamado , que se puede usar en el archivo WXML para crear un reproductor de música. Por ejemplo:pause()seek()<wx-music>
(3) Use SDK de reproductor de música de terceros. Es posible que algunos desarrolladores necesiten usar un SDK de reproductor de música con más funciones, como el SDK proporcionado por Tencent Cloud Music Open Platform. El SDK correspondiente se puede introducir en el archivo JS del applet, y la API proporcionada por este se puede utilizar para realizar la función de reproducción de música.