微信小程序开发问题汇总

1. 微信小程序 条件渲染includes无效

  1. 首先兼容性差,在安卓5.1和4.4.4以及IOS9等比较老的手机系统上不支持
  2. 避免取反和includes一起使用.如:!Arr.includes("test")。在测试环境没有任何问题,但线上就有问题,相当的神奇。问题的原因点是什么呢?经过扒测试环境和线上环境的压缩代码发现,测试环境的代码还是!Arr.includes("test"),跟源码一样没问题,但线上代码被转译为了 !Arr.indexOf("test") > -1;因为取反优先级比大于符号大这就引起了bug。
  3. 据官方文档对wxs注意说明
    1. WXS 不依赖于运行时的基础库版本,可以在所有版本的小程序中运行。
    2. WXS 与 JavaScript 是不同的语言,有自己的语法,并不和 JavaScript 一致。
    3. WXS 的运行环境和其他 JavaScript 代码是隔离的,WXS 中不能调用其他 JavaScript 文件中定义的函数,也不能调用小程序提供的API。WXS 函数不能作为组件的事件回调。
    4. 由于运行环境的差异,在 iOS 设备上小程序内的 WXS 会比 JavaScript 代码快 2 ~ 20 倍。在 android 设备上二者运行效率无差异。

2. 使用editor组件,导致其它的input聚焦后页面返回顶部

  • 描述:A页面第一次打开正常 A -->B( 富文本编辑器 ) 输入内容编辑完,再次返回A 页面,点击其它地方的input,页面滚动到顶部
  • 解决:于微信社区获取
// 卸载富文本的页面时,监听键盘高度的变化并重置高度
onUnload: function () {
      wx.onKeyboardHeightChange(res => {
      return res.height;
})  
posted @ 2021-02-05 11:15  Lanomw  阅读(335)  评论(0编辑  收藏  举报