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