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继承了微信里面的全部方法，能够实例化后直接使用