微信小程式填坑心路

我是綠色大米呀發表於2018-06-29

Android開發,不懂JS,不會CSS,直接上手微信小程式開發,記錄心路歷程。 任務是翻版當前手機原生App到微信小程式中。

  • 模擬器與真機

    模擬器上面效果好好的,但是在真機上效果就會不一樣。安卓和蘋果效果不同,就算是蘋果手機不同型號效果也不同。

  • 推送

    我們使用的是公眾號推送,點選訊息跳轉小程式。直接進入小程式的某一頁,不會有返回按鈕,當然你可以自己寫導航欄返回。點選公眾號推送訊息是直接跳進發布版,可以通過微信開發者工具模擬這一操作。

    同一個公眾平臺主體下,關注了公眾號才能推送。

  • pdf預覽

    使用的是wx.openDocument(OBJECT)方法,需要先下載到本地並且指明檔案型別,不支援進度跳轉和進度記錄。所以我們使用後的實現的web頁面開啟的pdf檔案。

  • 下拉重新整理

    推薦使用onPullDownRefresh,scroll-view會影響下拉,當scroll-view可以滾動的場合,下拉重新整理無法響應。可以直接試用View來代替scroll-view,在真機上可以滾動。

  • 預設圖片

    image標籤,binderror繫結失敗回撥方法,在該方法中給src的url賦值預設圖片的地址。src是空的時候不會回撥binderror,需要額外的處理。

  • 富文字

    不要使用原本的api,相容性很差,對富文字的格式要求很高,比如雙引號,空格啥的。我們用的是wxParse。

  • 輸入框

    輸入框分為多行(textarea)和單行(input),textarea不能和scroll-view一起使用。在真機上不會跟隨scroll-view滾動。textarea會有padding,無法和view中的文字對齊,與view中的文字同一字號文字看起來也不同。

  • 模態對話方塊

    模態對話方塊,點選空白地方是可以被關閉的。

    小程式上架稽核大約需要2-3小時,頁面棧最多支援10層,超過10層無法點選,小程式最大2M。開發工具的程式碼提示功能很糟糕,沒有後退功能(可能是被AndroidStudio慣壞了)。

相關文章