小程序开发踩坑记录
最近在小程序端开发一个营销活动,感觉开发起来比较吃力,乘着刚开发完,复盘总结一下这几天的开发、修bug过程。我们这边使用Taro的框架,来同时生成支付宝小程序和微信小程序。
小程序开发体验优化?
- 支付宝小程序的编译是真的很慢,建议在使用微信开发者工具调试,查看效果
- 将微信开发者工具升级到最新版(官方对新版本会做优化)
- 微信小程序在开发某个页面的时候,可以使用局部编译模式(前提是不需要依赖其他页面,比如该页面不需要跳到登陆页)。
- app.config.ts 中编译的文件可以暂时注释掉一些,只编译部分页面(不过在上线前一定一定要整回来)。
支付宝小程序把状态栏(时间、wifi、信号)改成白色?
UI希望把支付宝小程序的状态栏改成白色,但是官方文档并没有找到改配置(又很确定是能做的,因为有小程序的页面状态栏是白色的)。
解决方案:竟然是在把 titleBarColor 改成黑色 '#000'
订阅了3个消息模板,永远只弹出两个?
有两个可能性:1. 消息模板中的标题重复了 2. 如果有旧的模板,可能对该模板已经勾选了"总是",不会再弹。
解决方案:1. 对于标题重复的情况,可以联系对应的同学在小程序后台对模板进行调整 2. 无需解决,目的是让用户接受消息订阅,而不是弹框。
用Text标签,可能会导致支付宝小程序和微信小程序计算出来的高度有差异?
如上图,支付宝和微信的Text标签,在样式完全一样的情况下,算出来的高度不一样,导致元素略微偏移,UI验收通不过
解决方案:1. 在外层固定高度和line-height 2. 尽量使用View标签来保证支付宝小程序和微信小程序的一致性
微信小程序的Text标签等价于h5的span标签吗?
不等价。所以在小程序复制一套已有的h5代码时,不要简单的把<span>标签换成<text>。<text>在小程序中的display是block,而h5中为inline
微信小程序的image标签等价于h5的img标签吗?
不等价。在h5中<img>默认的display为inline。而在小程序中<image>标签的display为inline-block