聽人說：如果以前有個APP開發經驗，那麼轉小程式開發應該並不難。

因為你只需要簡單學習三種語言的寫法，就能輕鬆上手開發小程式。

雖然說的很有道理，我並不否認小程式的邏輯功能都是使用JavaScript來實現的，但是在小程式中所有視覺元素和互動都需要通過WXML程式碼來實現，無法直接拖動元素來構建介面。而且小程式並不是一個網頁，而是一個應用介面，之前網頁前端常見的div和a標籤都沒有，所以在開發小程式前要讀一下開發文件。

我先簡單介紹自己遇到的幾個問題。

問題一：授權登入，在電腦上的開發工具上顯示Ok,但是在手機上進行除錯時，沒有進行資料請求，頁面無反應。

思路：開始以為是自己沒有勾選詳情裡面 的不校驗安全域名、TLS 版本以及 HTTPS 證書這一行，後來勾了也沒有反應；還以為是使用系統代理的問題；我都一一用抓包工具檢視是無請求資料，壓根沒有向後臺傳送請求。

解決：要在手機上開啟除錯，否則無法看到小程式的相關請求；真機上請求資料都是開啟除錯才有的；畢竟小程式還未釋出，手機上只能是測試。

問題二：有些頁面請求資料頁面有效果，有些頁面在開發者工具上執行很OK，資料也請求到了；但是在手機上進行除錯時，發現點選進去後頁面無反應；抓包工具顯示無請求資料。

思路：開始一直以為自己的請求資料寫錯了，一一檢查後發現都沒有問題；關鍵是在電腦上執行沒有報錯；於是百度了很久都說是手機證書的問題；到最後才發現，這是小程式本身的bug.

解決：將app.json裡面註冊的pages的頁面，嗯，就是那個請求不了資料的頁面，儘量往前挪，不要放在最後面。

問題三：新建page時，我給工具設定的是自動儲存；所以它會自動給新增新建的檔案。每次Ctrl+S，重新整理後，新建的頁面會多出來幾個。

解決：還是改為手動儲存，新增的時候細心就好。

問題四：一些Page({data:{}}) 頁面裡 data 的值  可以通過 that.setData 設定  但是不知道怎麼取出來 用在相應的位置。

解決：這個還多虧了我同事幫助，才讓我知道原來可以在page 之外定義全域性變數  和page 內的data中的變數  一一對應  每次 賦初始值或者更改 先給全域性變數賦值或者 做更改  然後把 更新後的全域性變數賦值給  page 內 data 中 對應的變數。或者進行本地儲存異地儲存，然後獲取變數就可以。

我的小程式還沒開發完，估計後期還有很多問題，等開發完後再一一回想，進而進行總結，今晚上就先從這簡單的問題開始，開始還有些不習慣小程式開發，因為不能引用一些外掛，也不能對dom進行操作，還不能訪問外網；很多東西感覺都有侷限性，但是小程式團隊也在一點一點的完善一些bug。

我也在小程式開發中瞭解到了很多自己還不知道的東西，比如.vertical-align: middle設定垂直劇中，還有display：flex佈局等等。