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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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