1. 程式人生 > >微信小程序 基礎操作(邊做邊學)

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

內容 多層 his 路徑 ack navig data 所有 順序

動態修改綁定數據方法,需要使用Page.prototype.setData().setData函數用於將數據異步從邏輯層發送到視圖層。同時改變對應的this.data的值。

小程序使用storage。本地緩存方法:wx.setStorage(object).這個方法會覆蓋掉原來key對應的內容,這是一個異步接口。wx.setStorageSync(key,data),這是一個同步接口。

頁面跳轉:

navigateTo保留當前頁面,跳轉到應用內的某個頁面,使用wx.navigateBack可以返回原頁面。為了不讓用戶在使用小程序時造成困擾。小程序規定頁面路徑只能是五層,盡量避免多層級的交互方式。

redirectTo:關閉當前頁面,跳轉到應用內的某個頁面。

reLaunch:關閉所有頁面,打開應用內的某個頁面。

switchTab:跳轉到tabBar頁面,並關閉其他所有非tabBar頁面。

navigateBack:關閉當前頁面,返回上一頁面或多級頁面。可通過getCurrentPages()獲取當前的頁面棧,決定需要返回幾層。

wx.navigateTo和wx.redirectTo不允許跳轉到tabbar頁面,只能用switchTab跳轉到tabbar頁面。

新頁面設置頁面背景色。可以在該頁面的xss頁面中。設置page的background-color。

wx:for標簽中如果不提供wx:key,會報一個warning,如果明確知道該列表是靜態,或者不必關註其順序,可以選擇忽略。wx:key的值以兩種形式提供:

1,字符串,代表在for循環中得array中item的某個property,該property的值需要是列表中唯一的字符串或數字,且不能動態改變。

2,保留關鍵字*this代表在for循環中的item本身,這種表示需要item本身是一個唯一的字符串或者數字。當數據改變時,框架會確保他們被重新排序,而不是重新創建,以確保使組件保持自身的狀態,並且提高列表渲染時的效率。

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