微信小程序总结

小程序总结

1.图片路径问题

在微信小程序当中,图片路径的问题当中,特别需要注意背景图的路径不允许使用本地的路径,只能使用线上路径的图片以及base64为的编码路径。

2.数据自动刷新

在微信小程序当中,js中定义的data相关数据,在js中对相应数据进行处理的时候,页面上的数据也会自动更新,真正实现了无刷新技术,类似Vue框架的数据绑定。
其中自动刷新用到的一个函数就是系统自带的将数据更改之后传送到渲染层面 
1.setData
Page({
    data: {
    text: 'init data',
    num: 0,
    array: [{text: 'init data'}],
    object: {
        text: 'init data'
        }
    },
changeText: function() {
    // this.data.text = 'changed data' // 不要直接修改 this.data
    // 应该使用 setData
    this.setData({
        text: 'changed data'
    })
},
})

3.调用本地接口的两步设置

1.详情中:不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书  (关闭)
2.设置->代理设置->不使用任何代理,勾选后直接连接网络  (勾选)

4.微信登陆的自己的服务接口

1.需要有一个单独的controller层专门用来处理登陆的信息处理
2.接收的参数主要是wx.login小程序函数返回的code,然后进行相对应的处理
3.对于数据签名验证需要下载官方的对应加密方式(https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/demo/aes-sample.zip);

5.缓存机制的使用

//获取app的信息
var that = this;
wx.getStorage({
  key: 'appInfo',
  success: function(res) {
    console.log(res)
    var appInfomation = res.data;
    if(appInfomation != ''){
      console.log('success')
      that.setData({
        appInfo: appInfomation,
      })
    }else{
      that.getAppInfo();
    }
  },
  fail: function(res) {
  }
})
其中的that.getAppInfo();是调用接口请求数据,然后调用完成火炬数据成功之后要将数据进行缓存

猜你喜欢

转载自blog.csdn.net/HoeWang/article/details/83346610