Skip to content

Latest commit

 

History

History
49 lines (32 loc) · 1.76 KB

File metadata and controls

49 lines (32 loc) · 1.76 KB

mimiprogram - Caution 小程序开发特别注意

都说微信小程序问题多、坑多,具体做了几个项目后,坑确实茫茫多,多到你再小心都能踩到,而正确书写的代码经常不能得到正确的结果,这里面罗列一些已发现的问题。当然,随着小程序引擎的升级及版本的提升,这里罗列的一些问题也许在后续的版本中已经被修复了,这里仅作为记录和提醒

目录







wxs小程序脚本

日志不输出问题

在 wxs 内部使用 console 输出日志,或是在 wxs 内部脚本执行错误,在浏览器的控制台中都不会打印相关的日志,给错误排查及问题跟踪带来了极大的困难

个人建议:尽可能使用数据结构的方式进行界面 UI 相关的逻辑判断和数据处理,尽可能不要使用 wxs

AppData

微信开发者工具中的调试器,即是类似 Chrome 开发模式的调试面板,其中 AppData 是显示页面栈(所有已打开的页面,不包含关闭)数据的调试面板。

但需要注意的是,该面板不会显示 Component(自定义组件) 内部的数据,于是在开发 Component 时,对于数据的跟踪只能通过 console 对数据进行打印查看,实在很糟糕。

wxml 中数据转换成字符串

数据定义

data: {
  a: '111',
  b: 111
}

wxml 中使用数据进行条件渲染

<view wx:if="{{ a === String(b) }}">
</view>

上面的代码得到的结果永远只有 false,经过无数测试和调试,发现以下代码才可以实现功能

<view wx:if="{{ a === b + '' }}">
</view>