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小程序能发展壮大,蒸蒸日上.