小程式問題

q10437646發表於2019-04-10

  1、域名必須是https

  非https的域名不被微信小程式允許。

  2、input元件placeholder字型顏色

  解除安裝placeholder-class裡面的color並不生效,需要寫在placeholder-style裡面就可以了。

  3、wx.navigateTo無法跳轉到帶tabbar的頁面

  帶有tabbar的頁面,必須使用wx.switchTab進行跳轉。

  4、tabbar在切換時頁面資料無法重新整理

  tabbar的實現可能是顯示和隱藏view,所以,不會一直呼叫page.onLoad()方法,可以嘗試把程式碼邏輯寫在page.onShow()裡面。

  5、如何獲取shareTickets

  獲取shareTickets需要在app.onLaunch或者app.onShow裡面才能獲取到,而不是page.onShow,請一定要注意。

  注:建議在app.onShow裡面去獲取,app.onLaunch不是一直會執行。

  6、getPhoneNumber獲取手機號

  目前該介面針對非個人開發者,且完成了認證的小程式開放。個人開發者是沒辦法呼叫這個API的。

  7、wx.previewImage圖片預覽

  預覽圖片URL必須是https開頭,不能是本地圖片。

  8、wx.playVoice音訊播放

  必須保證音訊檔案已經在本地,比如在wx.startRecord後,可以獲取到filePath。或者提前呼叫wx.downloadFile來下載資原始檔,然後再播放。

  9、API老版本相容

  可以用wx.canIUse或者wx.getSystemInfoSync來進行判斷,老版本給出相應提示即可。

  10、獲取系統資訊

  wx.getSystemInfo,可得到系統語言、螢幕寬高、微信版本號、作業系統、裝置畫素比、客戶端甚礎庫版本等資訊。

  11、如何去掉自定義button灰色的圓角邊框

  主要是button的偽元素設定了樣式,去掉即可:button::after{ display: none;}。

  12、回到頁面頂部

  主要是button的偽元素設定了樣式,去掉即可:button::after{ display: none;}。

  13、input textarea是APP的原生元件,z-index層級最高

  有做過搜尋框的同學,可能會遇到iOS下面,設定icon的z-index後,依然無法顯示。建議做顯示隱藏效果:點選之前是一個view,點選之後隱藏view,顯示input。

  14、小程式如何冷啟動

  小程式的機制,是在退出五分鐘內進入,就會顯示的是退出前的頁面,如果你希望進入小程式都相當於冷啟動的方式,直接進入主頁面。你可以在page的onUnload裡面裡面set一個值,然後在app的onShow的時候判斷這個值,然後決定是否跳到首頁。

  15、一段文字如何換行

  小程式中唯一可以實現換行的標籤元件是text。

  注:text中不支援
,只能使用n進行換行。

  16、設定最外層標籤的margin-bottom在iOS下不生效

  margin-bottom在安卓和開發工具裡面都正常,就是在iOS下不起效,建議改成padding-bottom。

  17、小程式中canvas的圖片不支援base64格式

  base64格式圖片,在開發工具裡面可以正常顯示,真機上沒有顯示。建議修改成帶https開頭的url形式。   weui.io/   18.乾貨:少走彎路,開發小程式前,需要注意的幾個細節https://segmentfault.com/a/1190000007413832   19.探討:微信小程式應該如何設計https://segmentfault.com/a/1190000007462056   20.www.szweb.cn/mobilenews/…

相關文章