微信小程式 基礎操作(邊做邊學2)

2022-08-27 12:45:08 字數 1083 閱讀 9360

選擇節點,頁面滾動到目標位置。在小程式中實現錨點定位需要使用,小程式的兩個方法:

var bindid = event

.currenttarget.dataset.bindindex;

var query =wx.createselectorquery()

query.

select('

#scrollview

' +bindid).boundingclientrect()

query.exec(function (res) )

})

需要獲取定位目標的物件例項。獲取目標距離當前定位的距離。使用pagescrollto,滾動定位到目標位置。上面少段**。需要把上次的滾動位置儲存下來。每次滾動前,將新獲得的位置與上次的位置相加。

設定全域性變數:

設定全域性公共方法:我們可以建立公共的js檔案。一般會建立在utils 資料夾內。然後在引用頁面通過require獲取例項。比如我們建立乙個公共的http方法:

var api_url = ''

function request(method, requesthandler) else

},fail: function (res) ,

complete: function (res) ,

})}function get(requesthandler)

function post(requesthandler)

module.exports =

在引用頁面,呼叫例項方法,傳入對應引數即可。

引用公共wxml檔案:

wxml提供兩種檔案引用方式import和include.

import 可以在該檔案中引用目標檔案定義的template:

}

// another wxml

import有作用域的概念,即只會import目標檔案中定義的template,而不會import目標檔案import的template。(我的附庸的附庸不是我的附庸)

include可以將目標檔案除了的整個**引用,相當於拷貝到include位置。

微信小程式入門 學記

基於實戰中學習,學習快樂中成長 時間會回答成長,成長會回答夢想 目錄 正解 1 常規用法 2 改進 3 渲染 個包含多節點的結構塊 block最終不會變成真正的dom元素 主體 編寫 匯入 官方文件介紹 標籤,image元件預設寬度320px 高度240px 注意 該標籤其實是web的標籤和背景的結...

微信小程式基礎(三)

小程式提供了很多元件和方法,用來增強互動效果。比如,每次操作後,都顯示乙個動態提示,告訴使用者操作的結果,這種效果叫做 toast。語法 wx.showtoast 引數主要包含2個屬性 title 展示的文字 duration 提示框的展示時間,單位為毫秒 showmsg 執行效果 對進行某項操作時...

微信小程式基礎(五)

globaldata onlaunch options onshow options onhide onerror 詳細配置page構造器 屬性型別 描述onload function 監聽頁面載入,觸發時機早於onshow和onready onready function 監聽頁面初次渲染完成 o...