小程序踩坑记

1.设置顶部的元素距tabbar一定距离（个人认为是一个bug）

2.小程序的@touchmove.stop=“xxx” 会导致上下不能拖动，在实现购物车的左滑删除的时候，本意是用来避免左滑时，屏幕在ios下会跟随滑动（在Android下不会）。但是.stop会导致屏幕上下不能拖动（不是滑动，是拖动）。于是用另外的方法来实现不能左右滑动
用 css来代替 width:100%; min-height:100%; overflow-x:hidden;避免左右滑动

3.小程序image中的api实现懒加载（虽然感知不了，但是事实上是实现了）

4.小程序审核发布后，更新旧版的小程序
网上很多是onLaunch里写，但实际上是错误的，应该写在app.js 中的onShow里面，这样就没问题了。

注意热启动是检测不了版本更新的，即，打开了小程序=>发布了新版本=>无论关闭微信还是关闭小程序，都无法检测到更新=>相隔5min左右再打开小程序即可检测到更新

https://www.jianshu.com/p/3f633c241ed8
utils.js中暴露方法

export  /**
* 检测当前的小程序
* 是否是最新版本，是否需要下载、更新
*/
function checkUpdateVersion() {
 //判断微信版本是否 兼容小程序更新机制API的使用
 if (wx.canIUse('getUpdateManager')) {
   //创建 UpdateManager 实例
   const updateManager = wx.getUpdateManager();
   //检测版本更新
   updateManager.onCheckForUpdate(function(res) {
     // 请求完新版本信息的回调
     if (res.hasUpdate) {
       //监听小程序有版本更新事件
       updateManager.onUpdateReady(function() {
         //TODO 新的版本已经下载好，调用 applyUpdate 应用新版本并重启 （ 此处进行了自动更新操作）
        //  updateManager.applyUpdate();

        wx.showModal({
            title: "更新提示",
            content: "新版本已经准备好，是否重启应用？",
            success: function (res) {
                if (res.confirm) {
                    // 新的版本已经下载好，调用 applyUpdate 应用新版本并重启
                    updateManager.applyUpdate();
                }
            }
        });
       })
       updateManager.onUpdateFailed(function() {
         // 新版本下载失败
         wx.showModal({
           title: '已经有新版本喽~',
           content: '请您删除当前小程序，到微信 “发现-小程序” 页，重新搜索打开哦~',
         })
       })
     }
   })
 } else {
   //TODO 此时微信版本太低（一般而言版本都是支持的）
   wx.showModal({
     title: '溫馨提示',
     content: '当前微信版本过低，无法使用该功能，请升级到最新微信版本后重试。'
   })
 }
}