微信小程式 API 介面 (2)

2022-08-09 12:06:13 字數 3091 閱讀 5695

由於每個 api 引數:物件的屬性都有 success,fail,complete,所以在這個提前介紹,就不再每個api 上寫了

success:型別  函式  介面呼叫成功的**函式

fail:型別  函式  介面呼叫失敗的**函式

complete:型別  函式  介面呼叫結束的**函式(呼叫 成功,失敗,都會執行)

下拉重新整理:

wx.stoppulldownrefresh()  停止當前頁面的下拉重新整理  直接呼叫即可

wx.startpulldownrefresh()  開始下拉重新整理,呼叫後觸發下拉重新整理動畫,效果與使用者手動下拉重新整理一致  直接呼叫即可

滾動:wx.pagescrollto()  將頁面滾動到目標位置  引數:物件

物件的屬性:

scrolltop:型別  數字  滾動到頁面的目標位置,單位 px

duration:型別  數字  滾動的動畫的時長,單位ms

動畫:wx.createanimation()  建立乙個動畫例項 animation ,呼叫例項的方法來描述動畫,最後通過動畫例項的export方法到處動畫資料,傳遞給元件的 animation 屬性;  引數:物件

物件的屬性:

duration:型別  數字  動畫的持續時間

timingfunction:型別  字串  動畫的效果

屬性值:linear  動畫從頭到尾速度時相同的

ease  動畫以低速開始,然後載入,結束前變慢

ease-in  動畫以低速開始

ease-in-out  動畫以低速開始和結束

ease-out  動畫以低速結束

step-start  動畫第一幀就跳至結束狀態,知道結束

step-end  動畫一直保持開始狀態,最後一幀跳至結束狀態

delay:型別  數字  動畫的延遲時間,單位ms

transformorigin:型別  字串  動畫的中心點  預設"50% 50% 0" (中心)

wx.createanimation()  定義了動畫的一些東西,但是想要操作動畫的執行,就要通過他的例項物件來呼叫這些方法( 目前例項物件用 animation 代替,用什麼代替都可以)

注意,如果想使用下面的**,需要在元件標籤中 新增屬性 animation 的屬性 才會有效果

引數:數字

animation.height()  設定高度(具有動畫效果)

animation.left()  設定 left 值

animation.matrix()  矩陣

animation.matrix3d()  3d變幻的矩陣

animation.opacity()  設定透明度

animation.right()  設定 right 值

animation.rotate()  在原點的順時針旋轉乙個角度

animation.rotate3d()  從x軸順時針旋轉乙個角度

animation.rotatex()  從x軸順時針旋轉乙個角度    

animation.rotatey()  從y軸順時針旋轉乙個角度

animation.rotatez()   從z軸順時針旋轉乙個角度

animation.scale()  縮放  乙個引數,同時縮放,兩個引數,x 縮放    y 縮放

animation.scale3d()  3d 縮放  x y z

animation.scalex()  縮放 x 軸

animation.scaley()  縮放 y 軸

animation.scalez()  縮放 z 軸

animation.skew()  對 x y 座標進行傾斜  ,  乙個引數 x,y 。兩個引數 分別代表 x y

animation.skewx()  對 x 座標進行傾斜

animation.skewy()  對 y 座標進行傾斜

animation.step()  表示一組動畫完成,可以在一組動畫中呼叫任意多個動畫的方法,一組動畫中的所有動畫會同時開始,一組動畫完成後才會進行下一組動畫

animaiton.top()  設定 top 值

animation.translate()  平移切換  引數 x y

animation.translate3d()  對 x y z 座標進行平移切換

animation.translatex()  對 x 軸進行平移

animation.translatey()  對 y 軸進行平移

animation.translatez()  對 z 軸進行平移

animation.width()  設定寬度

animation.backgroundcolor()  設定背景色

animation.bottom  設定 bottom 值

animation.export()  匯出佇列動畫,export(),方法每次執行,都會清掉之前的動畫

自定義元件

選單:wx.getmenubuttonboundingclientrect()  獲取選單按鈕(右上角膠囊按鈕)的布局位置資訊,座標資訊以螢幕左上角為原點  引數:例項物件

例項物件上的屬性:

width:型別  數字  寬度(單位 px )

height:型別  數字  高度(單位 px )

top:型別  數字  上邊界座標

right:型別  數字  右邊界座標

bottom:型別  數字  下邊界座標

left:型別  數字  左邊界座標

視窗:(現階段不提倡)

wx.onwindowresize()  監聽視窗尺寸變化事件  引數:**函式  

事件物件

size:物件  windowwidth  屬性值:數字  變化後的視窗寬度

windowheight  屬性值:數字  變化後的視窗高度

wx.offwindowresize()  取消監聽視窗尺寸的變化

鍵盤:(2.70開始支援的新介面)

wx.onkeyboardheightchange()  監聽鍵盤高度變化

wx.getselectedtextrange()  在 input,textarea 等 focus 之後,獲取輸入框的游標位置,注意:中有在focus的時候呼叫此介面才有效

微信小程式封裝API介面

2.新建資料夾http,api是封裝的介面函式,env是設定公共訪問的url,http是二次封裝wx.request 3.env.js 設定公共訪問的url,即環境變數 module.exports 測試環境 test 線上環境 引入env中的url const require env.js pro...

微信小程式 api介面的配置

1.新建乙個資料夾,應包含以下檔案 util.js檔案 module.exports http.js檔案 const api base url 介面位址 module.exports bb params cc params 在其它頁面中呼叫介面 demo function 在其它頁面中呼叫介面如在d...

微信小程式api介面呼叫用封裝

1.在 02 專案 下新建request目錄及index.js檔案 1.1 02 專案 request index.js 同時傳送非同步 的次數 let ajaxtimes 0 export const request params if params.url.includes my ajaxtim...