Taro框架下qq小程序开发体验

qq小程序发布了,做为第一批体验者 .仍是发现了和微信小程序不少不一样的地方.

最新的小程序我这里都是用Taro开发的,体验较为不错.数据管理用的是redux.JS用的ES6加async等.

微信小程序已经上线稳定跑了好久.也解决了遇到的不少问题.

因为使用taro开发,能够直接将代码打包到QQ小程序里面.但在QQ小程序出现了不少问题.

1.flex布局问题.

在微信里通常我都这么去写

<Text className='p'>
        粉丝<Text className='num'>{inviteecnttotal}</Text>
</Text>

可是这么写父级标签用flex布局以后,发现子元素会换行显示此时须要改为这样:

<Text className='p'>
                      <Text className='num11'>粉丝</Text> <Text className='num'>{inviteecnttotal}</Text>
                    </Text>

 

2.渲染问题.

每次点击上方tab切换总会先显示内容以后这么显示空布局.致使渲染不出内容.相同的代码在微信里却不会出现任何问题.

此类问题很难找到缘由.花费了几个小时.不断尝试性修改代码,最终定位到问题是因为redux数据没有清掉致使的.须要在每次点击按钮的时候清掉redux里保存的数据.

修改以后,问题也就解决了.

3.canvas生成海报的问题.

屡次调用ctx.drawImage()方法,会在安卓机子出现只渲染第一个ctx.drawImage()的内容.其他什么内容都不显示.

经过不断尝试修改代码.发现只要将绘图方法集中放到绘制步奏最后,就能有效解决问题.

也就是说把ctx.drawImage()方法放到代码最后执行.

最后还要吐槽一下qq小程序的开发工具.

F5刷新不了页面.

很吃内存CPU,有时候开发会感受很卡.

自定义头部返回 会重合显示2个.

还会出来服务器错误等提示,不能登录开发工具.

每次打开编辑器就能手机预览1-2次代码,上传代码也是相同问题.

开发工具真的很丑.

毕竟小程序刚发布,须要维护修复问题确定还有更多.

最后衷心但愿qq小程序能发展壮大,蒸蒸日上.