微信小程式小技巧分享

2021-09-28 15:46:22 字數 1435 閱讀 5255

1. 滾動載入資料方式

在滾動分頁載入資料的時候,通常做法是定義乙個資料arr,下滑觸發載入更改請求介面獲取分頁資料arr2,然後將arr2合併到arr,重新setdata到arr。這樣的操作方式是每次都全量覆蓋,當資料量過大時,會造成渲染載入卡頓問題。arr陣列結構為[,,,]

舊方法:

page(}

)//上拉觸底方法

onreachbottom:

function()

, success :

function

(res));

}});

}

wx:for

="}"

>

>

}view

>

block

>

新方法:

新方式通過二位陣列的方式來渲染頁面,並在獲取分頁資料後將新資料以陣列元素的方式直接追加到一維陣列。

arr陣列的格式為:[[{},{},{}],[{},{}],[{},{}]]

page(}

)//上拉觸底方法

onreachbottom:

function()

, success :

function

(res)]`]

: newdata

});}});

}

wx:for

="}"

>

wx:for

="}"

wx:for-index

="ind"

wx:for-item

="it"

>

data-index

="}"

data-ind

="}"

ontap

="changename"

>

}view

>

block

>

block

>

當需要更改其中某乙個物件的值時

changename:

function

(e)= e.currenttarget.dataset;

this

.setdata(][

$].name`]:

"哇哈哈"})

;}

2. 浮點資料取整

使用"~~(1.999)" 語法,將浮點數 向下取整

>

}view

>

>

1view

>

App分享微信小程式

2.在info.list檔案中新增url schemes。4.分享小程式 wxminiprogramobject wxminiobject wxminiprogramobject object wxminiobject.webpageurl 相容低版本的網頁鏈結 wxminiobject.usern...

微信小程式 分享功能

入口方法 一,小程式右上角自帶的分享功能 以下 例項寫在export default 裡面 右上角分享功能 res fail function res title 為 的標題 path 為 的路徑 這個路徑是對方如果點選你分享的內容跳轉回小程式時,在小程式中顯示的頁面的路徑,很明顯後面傳遞的引數是此...

微信小程式之分享功能

說到分享 大家都會想到手機右上角點選不就分享了麼?對的沒錯,那樣是分享 的是小程式 而不是指定的某個頁面,所以自己動手豐衣足食,自己寫乙個 功能被,好的 在頁面上已經有了 分享給好友的button了 那麼接下來就是為這個可愛的button增加下功能吧 console.log that.setdata...