微信小程序 Q&A

不能直接操作 Page.data

---

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

怎么獲取用戶輸入

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

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

var inputContent = {}

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

為什么腳本內(nèi)不能使用window對(duì)象

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

為什么zepto/jquery無法使用

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

wx.navigateTo無法打開頁面

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

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

WXSS支持以.開始的類選擇器。如：

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

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

  input{
    width: 100px;
  }

本地資源無法通過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 表示為開發(fā)版、體驗(yàn)版以及審核版本，版本號(hào)為 devtools 表示為開發(fā)者工具，其余為正式版本。

為什么 map 組件總是在最上層

---

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