1、微信小程序不支持jquery,不支持dom操作,小程序採用數據綁定形式。
可以通過判斷條件控制組件,在wxml添加if語句
例如:<image wx:if="{{condition}}" src="/images/img1.png" ></image>
<image wx:else src="/images/img2.png"></image>
if語句形式爲 wx:if,wx:elif,wx:else
2、微信小程序提供的交互方法(常用)
wx.showToast和wx.hideToast,顯示消息提示框。
wx.showToast({title:'成功',icon:'success',duration:2000})
wx.showLoading和wx.hideLoading,使用場景頁面數據加載時需使用loading提示用戶等待。
官方api,顯示 loading 提示框。需主動調用 wx.hideLoading才能關閉提示框。
3、跳轉鏈接帶參數方法
示例:const id = event.currentTarget.dataset.postid
wx.navigateTo({
url:"../detail/detail?id="+id
})
注意在url鏈接後面用“?“直接拼接。帶過去的參數可通過onLoad方法進行獲取,onLoad(options)
4、小程序循環
可以使用<block></block>包裹循環內容。
<block></block>標籤不會渲染,預覽頁面也不會呈現,僅用來包裹內容。
循環可以寫在<block></block>標籤上,也可以寫在循環的最外層<view></view>標籤。
循環方法爲wx:for = '{{ 循環數組 }}' wx:for-item = '循環值' wx:key = 'key值' wx:for-index = '下標'
循環值默認爲wx:for-item='item',下標默認值爲wx:for-index='index',所以如果不設置就將使用默認值,就可以省略wx:for-item和wx:for-index。
5、版本號判斷
微信小程序提供了wx.canIUse方法來判斷小程序的API,回調,參數,組件等是否在當前版本可用。
這個方法是用來判斷版本號當前版本是否可用,從而進行兼容處理操作。