微信小程式學習筆記

2021-08-30 17:48:43 字數 1019 閱讀 9204

主要用於**編寫和效果預覽,還可以進行 「真機除錯「
2:雲開發控制台

wxml:對應html,提供很多常用的元件。

wxss:對應css,基本沒差別,目前體會最深的是尺寸單位rpx替代畫素單位px,能很方便的適配各種解析度的手機。

js:同js。

json:同json。

pages:乙個頁面對應乙個資料夾,乙個資料夾一般都包含wxml、wxss、js、json,開發過程非常順手。

1. wxml確定好大致的頁面元素

2. wxss對每個元素進行樣式調整

3. js按照樣板,確定好要繫結的資料,以及繫結的函式

4. json主要是配置檔案的作用,也可以存放一些資料來源。

1:載入框的show和hide

wx.showloading()

wx.hideloading()

2:http請求

wx.request(,

header: ,

method: 'post', //請求方式

success: res => )

}this.setdata();

}})

3:切換tabbar時的監聽

onshow: function()
4:呼叫自定義雲函式

wx.cloud.callfunction(,

success: res =>

})

微信小程式學習筆記

1 background image 只能用網 絡url 或者base64 本地圖 片要用image 標籤才行 2 事件綁 定value 是乙個字串,需要在對應的 page 中定義 同名的函式。不然當觸 發事件的時候會 報錯。3 bind事件綁 定不會阻止冒泡事件向上冒泡,catch事件綁 定可以阻...

微信小程式學習筆記

資料繫結 條件渲染和列表渲染 模板樣式匯入事件是檢視層到邏輯層的通訊方式。事件分為冒泡事件和非冒泡事件 冒泡事件 當乙個元件上的事件被觸發後,該事件會向父節點傳遞。非冒泡事件 當乙個元件上的事件被觸發後,該事件不會向父節點傳遞。json wxml js page.js page bindminus ...

微信小程式學習筆記

tabbar 字段 如果小程式是乙個多 tab 應用 客戶端視窗的底部或頂部有 tab 欄可以切換頁面 可以通過 tabbar 配置項指定 tab 欄的表現,以及 tab 切換時顯示的對應頁面。頁面配置 每乙個小程式頁面也可以使用 json檔案來對本頁面的視窗表現進行配置。頁面中配置項在當前頁面會覆...