防抖功能:
微信小程序的防抖功能主要是為了避免重復發(fā)送請求的這種情況發(fā)送，主要原理就是利用定時器來阻止重復發(fā)送請求！
首先要在頁面對應的js中加入變量TimeNum = -1；

TimeNum = -1

\然后設置一個定時器，在定時器內(nèi)部發(fā)送請求！我這里的是每隔一秒發(fā)送一次！

this.TimeNum =setTimeout(()=>{const req = await request({url:…….});//發(fā)送請求 },1000)；

然后就是發(fā)送完成，清除定時器
clearTimeout(this.TimeNum);
wx:for的使用:

<navigator class="first_item" wx:for="{{goodsList}}" wx:for-index="index" wx:key="goods_id" url="/pages/goods_detail/goods_detail?goods_id={{item.goods_id}}"><!-- 左邊圖片容器 --><view class="good_img_wrap"><image mode="widthFix" src="{{item.goods_small_logo?item.goods_small_logo:'https://ww1.sinaimg.cn/large/007rAy9hgy1g24by9t530j30i20i2glm.jpg'}}"/></view><!-- 右邊商品容器 --><view class="good_info_wrap"><view class="good_name">{{item.goods_name}}</view><view class="good_price">￥ {{item.goods_price}}</view></view></navigator>

然后就是就是js里面的方法了

wx.request({url:"/goods/search"data: QueryParams,url:base_url+params.url,success:(result)=>{this.setData({// 拼接兩個數(shù)組goodsList:[...this.data.goodsList,...result.goods],totalPage:Math.ceil(result.total/this.QueryParams.pagesize)})},fail:(err)=>{console.log(err);},complete:()=>{ajaxTimes--;if(ajaxTimes===0){wx.hideLoading();}}

總結

以上是生活随笔為你收集整理的小程序防抖功能以及wx:for的使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。