微信小程序开发随笔（持续更新）

1、小程序的wx.getSystemInfo和wx.getSystemInfoSync API可以获取系统信息。

     都可以获取屏幕宽度和高度，取得结果的单位都是px。

     getSystemInfo 是异步方法，getSystemInfoSync是同步方法。

     二者取值方法不同：

     （1）getSystemInfo：需要在success方法中取值

var _this = this;
wx.getSystemInfo({
    success:function(res) {
        _this.setData({
            windowWidth: res.windowWidth,
            windowHeight: res.windowHeight
        })  
    }
})

     （2）getSystemInfoSync：可以直接".windowWidth"取值

var _this=this;
try {
    var res = wx.getSystemInfoSync()
    _this.setData({
        windowWidth: res.windowWidth,
        windowHeight: res.windowHeight
    })  
} catch (e) {

}

2、官方上规定屏幕宽度为20rem，规定屏幕宽为750rpx，则1rem=750/20rpx。

      即：不论哪个型号的手机，屏幕宽度都是750rpx

3、微信小程序rpx，px，rem单位换算规则

      屏幕实际宽度为：wx.getSystemInfoSync().windowWidth  px

      对应的屏幕宽度为：750rpx

      即：1px = (750 / wx.getSystemInfoSync().windowWidth)  rpx

             1rpx = (wx.getSystemInfoSync().windowWidth / 750)  px

             1rem = (wx.getSystemInfoSync().windowWidth / 20)  px
4、屏幕大小不一导致页面下方出现多余空白的问题

    请参考：解决方法

5、豆瓣API无法访问的问题（2020/06/15）

    请参考：解决方法