聽人說：如果以前有個(gè)APP開發(fā)經(jīng)驗(yàn)，那么轉(zhuǎn)小程序開發(fā)應(yīng)該并不難。

因?yàn)槟阒恍枰?jiǎn)單學(xué)習(xí)三種語(yǔ)言的寫法，就能輕松上手開發(fā)小程序。

雖然說的很有道理，我并不否認(rèn)小程序的邏輯功能都是使用JavaScript來實(shí)現(xiàn)的，但是在小程序中所有視覺元素和交互都需要通過WXML代碼來實(shí)現(xiàn)，無法直接拖動(dòng)元素來構(gòu)建界面。而且小程序并不是一個(gè)網(wǎng)頁(yè)，而是一個(gè)應(yīng)用界面，之前網(wǎng)頁(yè)前端常見的div和a標(biāo)簽都沒有，所以在開發(fā)小程序前要讀一下開發(fā)文檔。

我先簡(jiǎn)單介紹自己遇到的幾個(gè)問題。

問題一：授權(quán)登錄，在電腦上的開發(fā)工具上顯示Ok,但是在手機(jī)上進(jìn)行調(diào)試時(shí)，沒有進(jìn)行數(shù)據(jù)請(qǐng)求，頁(yè)面無反應(yīng)。

思路：開始以為是自己沒有勾選詳情里面 的不校驗(yàn)安全域名、TLS 版本以及 HTTPS 證書這一行，后來勾了也沒有反應(yīng);還以為是使用系統(tǒng)代理的問題;我都一一用抓包工具查看是無請(qǐng)求數(shù)據(jù)，壓根沒有向后臺(tái)發(fā)送請(qǐng)求。

解決：要在手機(jī)上打開調(diào)試，否則無法看到小程序的相關(guān)請(qǐng)求;真機(jī)上請(qǐng)求數(shù)據(jù)都是打開調(diào)試才有的;畢竟小程序還未發(fā)布，手機(jī)上只能是測(cè)試。

問題二：有些頁(yè)面請(qǐng)求數(shù)據(jù)頁(yè)面有效果，有些頁(yè)面在開發(fā)者工具上運(yùn)行很OK，數(shù)據(jù)也請(qǐng)求到了;但是在手機(jī)上進(jìn)行調(diào)試時(shí)，發(fā)現(xiàn)點(diǎn)擊進(jìn)去后頁(yè)面無反應(yīng);抓包工具顯示無請(qǐng)求數(shù)據(jù)。

思路：開始一直以為自己的請(qǐng)求數(shù)據(jù)寫錯(cuò)了，一一檢查后發(fā)現(xiàn)都沒有問題;關(guān)鍵是在電腦上運(yùn)行沒有報(bào)錯(cuò);于是百度了很久都說是手機(jī)證書的問題;到***才發(fā)現(xiàn)，這是小程序本身的bug。

解決：將app.json里面注冊(cè)的pages的頁(yè)面，嗯，就是那個(gè)請(qǐng)求不了數(shù)據(jù)的頁(yè)面，盡量往前挪，不要放在***面。

問題三：新建page時(shí)，我給工具設(shè)置的是自動(dòng)保存;所以它會(huì)自動(dòng)給添加新建的文件。每次Ctrl+S，刷新后，新建的頁(yè)面會(huì)多出來幾個(gè)。

解決：還是改為手動(dòng)保存，添加的時(shí)候細(xì)心就好。

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

解決：這個(gè)還多虧了我同事幫助，才讓我知道原來可以在page 之外定義全局變量 和page 內(nèi)的data中的變量 一一對(duì)應(yīng) 每次 賦初始值或者更改 先給全局變量賦值或者 做更改 然后把 更新后的全局變量賦值給 page 內(nèi) data 中 對(duì)應(yīng)的變量?；蛘哌M(jìn)行本地保存異地保存，然后獲取變量就可以。

我的小程序還沒開發(fā)完，估計(jì)后期還有很多問題，等開發(fā)完后再一一回想，進(jìn)而進(jìn)行總結(jié)，今晚上就先從這簡(jiǎn)單的問題開始，開始還有些不習(xí)慣小程序開發(fā)，因?yàn)椴荒芤靡恍┎寮膊荒軐?duì)dom進(jìn)行操作，還不能訪問外網(wǎng);很多東西感覺都有局限性，但是小程序團(tuán)隊(duì)也在一點(diǎn)一點(diǎn)的完善一些bug。

我也在小程序開發(fā)中了解到了很多自己還不知道的東西，比如.vertical-align: middle設(shè)置垂直劇中，還有display：flex布局等等。