WeChatアプレットのパフォーマンスの最適化により、データ要求が削減されます-アンチシェイク

 シーン

.wxmlにボタンを設定して、クリックイベントを追加します

このボタンをクリックしてAJAXリクエストを送信します。ユーザーがもう一度クリックすると、誤って何度もクリックするため、このイベント関数を何度も実行する必要があり、複数のリクエストが送信されるため、サーバーのパフォーマンスに影響し、フロントエンドページしたがって、この問題を解決する必要があり、js関数のアンチシェイクで解決できます。ユーザーが何度クリックしても、最終的に送信されるリクエストは1つだけです。

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

 解決

1. タイマーを宣言する
2. 使用する前にこのタイマーをクリアする必要があります

このとき、何度クリックしてもリクエストは1つだけ送信されます

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)
  },