微信小程序常見(jiàn)問(wèn)題

微信小程序?yàn)槭裁床荒苤苯硬僮?Page.data？怎么樣才能獲取用戶(hù)輸入？為什么微信小程序腳本內(nèi)不能使用window等對(duì)象？為什么微信小程序樣式表不支持級(jí)聯(lián)選擇器？如何修改微信小程序窗口的背景色？

根據(jù)微信小程序官網(wǎng)的小程序常見(jiàn)問(wèn)題素材，特整理如下：

為什么微信小程序不能直接操作 Page.data

避免在直接對(duì) Page.data 進(jìn)行賦值修改，請(qǐng)使用 Page.setData 進(jìn)行操作才能將數(shù)據(jù)同步到頁(yè)面中進(jìn)行渲染

微信小程序怎么樣獲取用戶(hù)輸入

能夠獲取用戶(hù)輸入的組件，需要使用組件的屬性bindblur將用戶(hù)的輸入內(nèi)容同步到 AppService。

<input id="myInput" bindblur="bindBlur" />

var inputContent = {}

Page({
  data: {
    inputContent: {}
  },
  bindBlur: function(e) {
    inputContent[e.currentTarget.id] = e.detail.value
  }
})

為什么微信小程序腳本內(nèi)不能使用window等對(duì)象

頁(yè)面的腳本邏輯是在JsCore中運(yùn)行，JsCore是一個(gè)沒(méi)有窗口對(duì)象的環(huán)境，所以不能在腳本中使用window，也無(wú)法在腳本中操作組件

為什么 微信小程序的zepto/jquery 無(wú)法使用

zepto/jquery 會(huì)使用到window對(duì)象和document對(duì)象，所以無(wú)法使用。

wx.navigateTo無(wú)法打開(kāi)頁(yè)面

一個(gè)應(yīng)用同時(shí)只能打開(kāi)5個(gè)頁(yè)面，當(dāng)已經(jīng)打開(kāi)了5個(gè)頁(yè)面之后，wx.navigateTo不能正常打開(kāi)新頁(yè)面。請(qǐng)避免多層級(jí)的交互方式，或者使用wx.redirectTo

為什么樣式表不支持級(jí)聯(lián)選擇器

WXSS支持以.開(kāi)始的類(lèi)選擇器。如：

.normal_view { color: #000000; padding: 10px;
}

可以使用標(biāo)簽選擇器，控制同一類(lèi)組件的樣式。如：使用input標(biāo)簽選擇器控制<input/>的默認(rèn)樣式。

input { width: 100px;
}

為什么本地資源無(wú)法通過(guò) WXSS 獲取

background-image：可以使用網(wǎng)絡(luò)圖片，或者 base64，或者使用<image/>標(biāo)簽

如何修改微信小程序窗口的背景色

使用 page 標(biāo)簽選擇器，可以修改頂層節(jié)點(diǎn)的樣式

page { display: block; min-height: 100%; background-color: red;
}

HTTPS 請(qǐng)求不成功

1. tls 僅支持 1.2 及以上版本

2. 部分 Android 機(jī)型需要 tls1.0 或者 tls1.1，所以請(qǐng)確保服務(wù)器的 tls 版本為 1.0、1.1、1.2

網(wǎng)絡(luò)請(qǐng)求的 referer

網(wǎng)絡(luò)請(qǐng)求的 referer 是不可以設(shè)置的，格式固定為 https://servicewechat.com/{appid}/{version}/page-frame.html，其中 {appid} 為小程序的 appid，{version} 為小程序的版本號(hào)，版本號(hào)為 0 表示為開(kāi)發(fā)版、體驗(yàn)版以及審核版本，版本號(hào)為 devtools 表示為開(kāi)發(fā)者工具，其余為正式版本。

為什么微信小程序的 map 組件總是在最上層

map、canvas、video、textarea 是由客戶(hù)端創(chuàng)建的原生組件，原生組件的層級(jí)是最高的，所以頁(yè)面中的其他組件無(wú)論設(shè)置 z-index 為多少，都無(wú)法蓋在原生組件上。 原生組件暫時(shí)還無(wú)法放在 scroll-view 上，也無(wú)法對(duì)原生組件設(shè)置 css 動(dòng)畫(huà)。