- getPhoneNumber按钮上增加bindtap事件获取code的可行性?
获取微信绑定手机号的需求大家应该都碰到过吧?code和session_key的匹配问题时常发生,一般的解决方案是在登录界面加载时先wx.login,将code保存下来,点击获取手机号按钮时再将code和加密数据打包给后端,但是可能出现用户在页面停留一段时间后再点击按钮的情况。 我想如果在按钮上增加bindtap事件,在tap事件中调用wx.login获取code,由于bindgetphonenumber需要一个允许的操作,因此可以保证获取code在前,获取加密数据在后。 之前一直没发现问题,以为解决了。可最近测试测出了一个问题,小程序关闭一段时间后(大概10多分钟),重新打开时第一次获取手机号会报错,根据后台日志查看应该是code和session_key没有对应上导致解密失败,后续再获取就正常,短时间内重新加载小程序也没有这个问题,让测试尝试先拒绝再允许也没有这个问题。 这就难以理解了,为何只有这种情况下会出现一次问题呢?是这样增加bindtap事件导致的问题吗?想了一天也没想出来是什么原因,欢迎大佬赐教讨论。 [图片]
2022-02-17 - css3 keyframes在安卓和工具上可以显示,在ios上无法显示?
[图片] 想实现一个按钮周围光圈闪动的效果,使用了css3的keyframes。在开发者工具和安卓上正常,在ios上无法显示。 .record-btn { width: 200rpx; height: 200rpx; border-radius: 50%; background-color: #e4e4e4; align-items: center; justify-content: center; } .record-btn-active { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 200rpx; height: 200rpx; z-index: -1; border-radius: 50%; filter: blur(20rpx); animation: boom 1s linear infinite; } @keyframes boom { 0% { border: 0px solid; opacity: 0; } 50% { border: 10px blue solid; opacity: .5; } 75% { border: 20px red solid; opacity: 1; } 100% { border: 10px blue solid; opacity: .5; } } https://developers.weixin.qq.com/s/BaYKUsmB7Lrm
2021-07-01