原創聲明:本文為作者原創,未經允許不得轉載,經授權轉載需注明作者和出處
避免在直接對 Page.data 進行賦值修改,請使用 Page.setData 進行操作才能將數據同步到頁面中進行渲染。
說明:0.11.122100 之前的版本,是可以在 onLoad、onShow之中使用 this.data 設置數據到 Page.data 中的。原因是 onShow 之后才會數據綁定、然后執行 onReady 渲染視圖層,因此,在之前使用 this.data 可以 Page.data 設置數據。在此之后,必須使用 this.setData,只有該方式設置的數據,能觸發頁面的再次渲染,this.data 無效。很顯然新版本之后,官方強制大家 this.setData。
能夠獲取用戶輸入的組件,需要使用組件的屬性bindchange將用戶的輸入內容同步到 AppService。
<input id="myInput" bindchange="bindChange" />
<checkbox id="myCheckbox" bindchange="bindChange" />
var inputContent = {}
Page({
data: {
inputContent: {}
},
bindChange: function(e) {
inputContent[e.currentTarget.id] = e.detail.value
}
})
頁面的腳本邏輯是在JsCore中運行,JsCore是一個沒有窗口對象的環境,所以不能在腳本中使用window,也無法在腳本中操作組件
zepto/jquery 會使用到window對象和document對象,所以無法使用。
wx.navigateTo
無法打開頁面一個應用同時只能打開5個頁面,當已經打開了5個頁面之后,wx.navigateTo不能正常打開新頁面。請避免多層級的交互方式,或者使用wx.redirectTo
WXSS支持以.開始的類選擇器。如:
.normal_view {
color: #000000;
padding: 10px;
}
可以使用標簽選擇器,控制同一類組件的樣式。如:使用input標簽選擇器控制<input/>的默認樣式。
input {
width: 100px;
}
background-image:可以使用網絡圖片,或者 base64,或者使用<image/>標簽
使用 page 標簽選擇器,可以修改頂層節點的樣式
page {
display: block;
min-height: 100%;
background-color: red;
}
為了提升體驗流暢度,編譯后的代碼包大小需小于 1MB ,大于 1MB 的代碼包將上傳失敗。
tls 僅支持 1.2 及以上版本
網絡請求的 referer 是不可以設置的,格式固定為 https://servicewechat.com/{appid}/{version}/page-frame.html
,其中 {appid}
為小程序的 appid,{version}
為小程序的版本號,版本號為 0 表示為開發版。