wepy開發微信小程序issues

1、app.wpy文件的做用

一、style爲全局公共樣式

<style lang="less">
/*公共樣式區域*/
......
</style>
複製代碼

二、config與原生小程序app.json一致

config = {
    pages: [
      'pages/meaningOLife/index'
    ],
    window: {
      backgroundTextStyle: 'light',
      navigationBarBackgroundColor: '#fff',
      navigationBarTitleText: '小程序標題',
      navigationBarTextStyle: 'black'
    }
  }
複製代碼

Tips: config若是存在註釋，在npm run dev是可能會報錯

三、globalData用於設置全局變量、接口變量

globalData = {
    AppId: '',
    AppSecret: '',
    xxx: HOST + 'login' // 登陸
  }
複製代碼

獲取方式pages頁：this.$parent.globalData('xxx')

獲取方式components頁：this.$parent.$parent.globalData('xxx')

2、template內寫if條件判斷

wx:if="{{}}"
複製代碼

3、replace替換年月日正則規則

e.detail.value.replace(/(\d{4})-(\d{2})-(\d{2})/, '$1年$2月$3日')
複製代碼

4、component內navigate路由

1. pages頁：this.$navigate()

2. components頁：this.$root.$navigate()

5、onShareAppMessage分享

此方法寫在components內，不會被調用到；只有寫在pages頁面內能夠

6、access_token、服務消息推送在服務端實現，客戶端中測試

Tips: access_token能夠在客戶端中實現，也能夠在服務端中調用成功，但最終歸於服務端，由於weixin.qq.com的服務域名在微信開發者後臺是配置不上的，並且access_token在2小時過時上能作精確處理，具體見下圖

7、repeat循環不能嵌套子組件

8、methods內方法調用另外一個methods內方法

this.methods.xxx()
複製代碼

9、服務域名、上傳下載域名注意事項

1. 用非正式域名前能夠開啓調試模式，不校驗一切api域名、圖片上傳/下載域名；但切記域名儘快替換成正式https
2. 瞭解這些域名的主要用處
3. downloadFile合法域名，若是服務器返回http也會下載失敗

小提示：

template {{}}內不推薦寫運算

wepy繼承了微信裏面的全部方法，能夠實例化後直接使用