Antes de empezar con minúscula micro para explicar

Pequeño programa de micro-canales

registro

Debido a las restricciones emitió un documento, su propia para el registro plataforma pública de micro-canales

estructura del proyecto

perfil project.config.json (sin acción)
App.json (configurable por el usuario)
- enrutamiento páginas
- todo el estilo de la ventana del programa
- TABAR conjunto inferior
- .....
programa de entrada app.js

expediente

xxx.js

app.js es el procedimiento de entrada, en nombre de la aplicación para hacer
Al cambiar a los index.js de enrutamiento
(Las opciones)
- datos de parte de la página de datos
  - this.data.xxx
- onLoad: la obtención de los parámetros de enrutamiento, onLoad (options.xxx)
- onReady: cambiar los datos de la página, como el título de cambio
- OnShow: gatillo varias veces, al cambiar páginas
- onHide: gatillo varias veces
los datos de inicialización de datos
onReady modificar datos
- this.setData({ msg:'xxx'})
- Revisar y actualizar la vista

Los componentes comunes

vista vista
cuadro de texto de texto
selector de lista de selección
componente de entrada (no se puede utilizar la fuente familiar)
- Por eventos de vinculación (todo en minúsculas), a las funciones asocian corresponde js declarados, asignar la referencia de función asignada
- input bindblur="函数名"
- Dentro de la función, el objeto de recibir correo
  - Valor valor de adquisición e.detail.value
  - e.target.id ID de elemento
  - adquirir la propiedad e.target.dataset en el elemento data-xxx

instrucción WX

WX-xxx en la página
WX: Si aparece = ""
wx: para = ""
WX: a = "{{}} Matriz"
- Elementos: {{elemento}} {{}} Índice Índice
Condiciones wx: Si = "{{}} Boolean" wx adyacente: elif = "{{}} Boolean" wx adyacente: otro

evento

evento de cambio de cambio
caso del grifo clic
bindblur desenfoque
Introduzca bindconfirm
Tipo bindinput
casilla paquete casilla de verificación-grupo es una matriz obtenida detail.value
formas
- botón 的 formType
  - enviar
  - Reiniciar

solicitud de envío

wx.request (opciones)
- url
  - éxito
  - fallar
  - completar

La introducción de los recursos

importar hTML

<include src=""/>

importación js

<wxs src="./../test/test.wxs" module="test"/> 相对路径

<view>

  {{test.name}}

</view>

Importación CSS @import "common.wxss";

parámetros de la ruta:

onLoad: function(option){
    console.log(option.query)
  }

Imagen de vista previa wx.preview
El almacenamiento local wx.setStorageSync

Tire hacia arriba hacia abajo

Operando pull-up y la necesidad desplegable para el archivo de disparo debe js, declarar que la función de devolución de llamada que corresponde
- función desplegable onPullDownRefresh -> necesidad de configurar xxx.json
  - enablePullDownRefresh:true
- Pull-con fondo onReachBottom
- función de parada wx.stopPullDownRefresh desplegable ()
función anterior puede ser configurado para dar salida de forma automática por el editor de la página, de una sola página propiedades de la ventana de configuración de referencia

navegación

url = página
de tipo abierto:
- Por defecto: NavigateTo: página que no es barra de pestañas.
- página switchTab barra de pestañas.
- retorno navigateBack
- relanzamiento de ejecución
Programación de navegación: API wx objeto global proporciona un valor que corresponde a la de tipo abierto
- wx.switchTab || NavigateTo en cuenta la distinción entre la falta de barra de pestañas

fichas

el color selectedColor establece para toda la barra de pestañas
IconPath selectedIconPath proporciona por separado para cada diferente
característica interesante
- Juego de descarga de música

    - ```js
      const innerAudioContext = wx.createInnerAudioContext()
            innerAudioContext.autoplay = true
            innerAudioContext.src = res.tempFilePath
            innerAudioContext.onPlay(() => {
              console.log('开始播放')
            })
            innerAudioContext.onError((res) => {
              console.log(res.errMsg)
              console.log(res.errCode)
            })
      ```

bombardeo

    - ```html
      <view class="section tc">
        <video id="myVideo" src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400"   enable-danmu danmu-btn controls></video>
        <view class="btn-area">
          <button bindtap="bindSendDanmu">发送弹幕</button>
        </view>
      </view>
      ```

    - ```js
      bindSendDanmu() {
          this.data.videoContext.sendDanmu({
            text: '6666',
            color:'#00b26a'
          })
        },
       onReady: function () {
          this.data.videoContext = wx.createVideoContext('myVideo')
        },
      ```

Elementos hallazgo

    - ```js
      const query = wx.createSelectorQuery();
           //        定义选择器，查找元素位置
      query.select('#bottom').boundingClientRect()
      query.exec(ele=>ele);
      ```

La introducción de los recursos

importar hTML

  <include src=""/>

importación js

  <wxs src="./../test/test.wxs" module="test"/> 相对路径
  
  <view>
  
    {{test.name}}
  
  </view>

Importación CSS @import "common.wxss";

parámetros de la ruta:

  onLoad: function(option){
      console.log(option.query)
    }

Imagen de vista previa wx.preview
El almacenamiento local wx.setStorageSync

Tire hacia arriba hacia abajo

Operando pull-up y la necesidad desplegable para el archivo de disparo debe js, declarar que la función de devolución de llamada que corresponde
- función desplegable onPullDownRefresh -> necesidad de configurar xxx.json
  - enablePullDownRefresh:true
- Pull-con fondo onReachBottom
- función de parada wx.stopPullDownRefresh desplegable ()
__ función anterior se puede configurar para la salida de forma automática por el editor de página, de una sola página propiedades de la ventana de configuración de referencia

------

paquete

Crear un compoment
.Json su componente fichero de configuración: verdadera
.Json define en el archivo usando los componentes de
- usingComponents: {Nombre: Path}
En las páginas que utilizan el componente de nombre

recibir datos

`js
propiedades: {
texto: {
Tipo: Número,
valor: 888
}
}


  ### 组件wxml的slot

  在组件的wxml中可以包含 `slot` 节点，用于承载组件使用者提供的wxml结构。

  默认情况下，一个组件的wxml中只能有一个slot。需要使用多slot时，可以在组件js中声明启用。

Componentes ({Opciones: {multipleSlots: true // Habilitar múltiples opciones de soporte de ranura de definición cuando el componente}, las Propiedades: {/ ... /}, Métodos: {/ ... /}})


  此时，可以在这个组件的wxml中使用多个slot，以不同的 `name` 来区分。

Aquí están los detalles de los componentes internos


  使用时，用 `slot` 属性来将节点插入到不同的slot上。

Este se inserta en content = "antes" el nombre de ranura de montaje Este es el contenido en el nombre de ranura de montaje = "después" en `

estilo

Uso de clase tanto como sea posible, se puede especificar los componentes en el nodo de estilo por defecto usando :hostel selector

Usar plug-ins

Entrar en el backstage complemento oficial de plug-ins, y otra información para obtener appid
App.json archivo de configuración en los plugins: { "name": {información}}
Según el documento usando el plug-in plug-ins (puede haber componentes) necesidad de configurar usingComponent