小程序判断用户在线状态

在页面的两个生命周期组件里面

 onShow() {
    console.log('-----上线线')
    let info = wx.getStorageSync('chat_item')
    DB.collection('friends')
      .where({
        _id: info._id
      }).get().then(res => {
        console.log('-----', res)
        if (res.data[0].a == wx.getStorageSync('userInfo')._openid) {
          console.log('-----a上线',res.data[0].a,wx.getStorageSync('userInfo')._openid)
          DB.collection('friends').doc(info._id).update({
            data: {
              a_zaixian: true
            }
          })
        } else {
          console.log('-----b上线',res.data[0].b,wx.getStorageSync('userInfo')._openid)
          DB.collection('friends').doc(info._id).update({
            data: {
              b_zaixian: true
            }
          })
        }
      })
  },
  onUnload() {
    console.log('-----离线')

    let info = wx.getStorageSync('chat_item')
    DB.collection('friends')
      .where({
        _id: info._id
      }).get().then(res => {
        if (res.data[0].a == wx.getStorageSync('userInfo')._openid) {
          console.log('-----a离线')
          DB.collection('friends').doc(info._id).update({
            data: {
              a_zaixian: false
            }
          })
        } else {
          console.log('-----b离线')
          DB.collection('friends').doc(info._id).update({
            data: {
              b_zaixian: false
            }
          })
        }
      })
  },

 

<p style="background-color:transparent;color:#424242;text-align:left;"> <span style="background-color:#D8D8D8;">原生小程序开发有哪些痛点?<br /> 频繁调用 setData及 setData过程中页面跳闪<br /> 强制将WXSS、WXML和JS代码分离到3个不同的文件中<br /> 没有状态管理,参考Vuex和Redux<br /> 没有过滤器<br /> 不能使用 less、scss 等预编译器<br /> 组件化支持能力太弱(几乎没有)</span> </p> <p style="background-color:transparent;color:#424242;text-align:left;"> <span style="background-color:#D8D8D8;"><br /></span> </p> <p style="background-color:transparent;color:#424242;text-align:left;"> <span style="background-color:#D8D8D8;">为什么使用第三方框架开发微信小程序?<br /> 只要熟悉vue或react即可快速上手,学习成本低 <br /> 一套代码可在多端编译运行(微信,支付宝,h5,RN)  支付宝小程序暂不完善<br /> 组件化开发,完美解决组件隔离,组件嵌套,组件通信等问题 <br /> 支持使用第三方 npm 资源<br /> 使小程序可支持 Promise,解决回调烦恼<br /> 可使用 Generator Fu-nction / Class / Async Function 等特性,提升开发效率 <br /> 对小程序本身的优化,如生命周期的补充,性能的优化等等<br /> 支持样式编译器: Scss/Less,模板编译器,代码编译器:Babel/Typescript。</span> </p> <p style="background-color:transparent;color:#424242;text-align:left;"> <span style="background-color:#D8D8D8;">结论:为了组件化开发,核心就是为了高效开发</span> </p> <br />
相关推荐
©️2020 CSDN 皮肤主题: 成长之路 设计师:Amelia_0503 返回首页
实付 49.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值