La optimización del rendimiento del applet de WeChat reduce las solicitudes de datos

 Escenas

Establecer un botón en .wxml para agregar un evento de clic

Se hace clic en este botón para enviar una solicitud AJAX. Cuando el usuario vuelve a hacer clic en él, accidentalmente hace clic en él muchas veces, entonces esta función de evento debe ejecutarse muchas veces, lo que resulta en el envío de múltiples solicitudes, lo que afectará el rendimiento del servidor y conducirá a páginas de inicio Así que necesitamos resolver este problema, y ​​la función js anti-shake puede resolverlo. No importa cuántas veces haga clic el usuario, al final solo se enviará una solicitud.

click:function(){
    console.log(222)
    wx.request({
      url: 'http://106.75.79.117:3000/contents',
      success:(res)=>{
        console.log(res)
      }
    })
  },

 Solución

1. Declarar un temporizador
2. Debes borrar este temporizador antes de usarlo

En este momento, no importa cuántas veces haga clic, solo se envía una solicitud

data: {
    time:null
  },
  click:function(){
    let that = this
    clearTimeout(that.time)
      that.time = setTimeout(function(){
      console.log(222)
      wx.request({
        url: 'http://106.75.79.117:3000/contents',
        success:(res)=>{
          console.log(res)
        }
      })
    },1000)
  },