聽人說:如果以前有個APP開發(fā)經(jīng)驗芙代,那么轉(zhuǎn)小程序開發(fā)應(yīng)該并不難。
因為你只需要簡單學(xué)習(xí)三種語言的寫法盖彭,就能輕松上手開發(fā)小程序纹烹。
雖然說的很有道理页滚,我并不否認小程序的邏輯功能都是使用JavaScript來實現(xiàn)的,但是在小程序中所有視覺元素和交互都需要通過WXML代碼來實現(xiàn)铺呵,無法直接拖動元素來構(gòu)建界面裹驰。而且小程序并不是一個網(wǎng)頁,而是一個應(yīng)用界面片挂,之前網(wǎng)頁前端常見的div和a標簽都沒有幻林,所以在開發(fā)小程序前要讀一下開發(fā)文檔。
我先簡單介紹自己遇到的幾個問題音念。
問題一:授權(quán)登錄沪饺,在電腦上的開發(fā)工具上顯示Ok,但是在手機上進行調(diào)試時,沒有進行數(shù)據(jù)請求闷愤,頁面無反應(yīng)整葡。
思路:開始以為是自己沒有勾選詳情里面 的不校驗安全域名、TLS 版本以及 HTTPS 證書這一行讥脐,后來勾了也沒有反應(yīng)掘宪;還以為是使用系統(tǒng)代理的問題;我都一一用抓包工具查看是無請求數(shù)據(jù)攘烛,壓根沒有向后臺發(fā)送請求魏滚。
解決:要在手機上打開調(diào)試,否則無法看到小程序的相關(guān)請求坟漱;真機上請求數(shù)據(jù)都是打開調(diào)試才有的鼠次;畢竟小程序還未發(fā)布,手機上只能是測試芋齿。
問題二:有些頁面請求數(shù)據(jù)頁面有效果腥寇,有些頁面在開發(fā)者工具上運行很OK,數(shù)據(jù)也請求到了觅捆;但是在手機上進行調(diào)試時赦役,發(fā)現(xiàn)點擊進去后頁面無反應(yīng);抓包工具顯示無請求數(shù)據(jù)栅炒。
思路:開始一直以為自己的請求數(shù)據(jù)寫錯了掂摔,一一檢查后發(fā)現(xiàn)都沒有問題;關(guān)鍵是在電腦上運行沒有報錯赢赊;于是百度了很久都說是手機證書的問題乙漓;到最后才發(fā)現(xiàn),這是小程序本身的bug.
解決:將app.json里面注冊的pages的頁面释移,嗯叭披,就是那個請求不了數(shù)據(jù)的頁面,盡量往前挪玩讳,不要放在最后面涩蜘。
問題三:新建page時嚼贡,我給工具設(shè)置的是自動保存;所以它會自動給添加新建的文件同诫。每次Ctrl+S编曼,刷新后,新建的頁面會多出來幾個剩辟。
解決:還是改為手動保存,添加的時候細心就好往扔。
問題四:一些Page({data:{}}) 頁面里 data 的值? 可以通過 that.setData 設(shè)置? 但是不知道怎么取出來 用在相應(yīng)的位置贩猎。
解決:這個還多虧了我同事幫助,才讓我知道原來可以在page 之外定義全局變量? 和page 內(nèi)的data中的變量? 一一對應(yīng)? 每次 賦初始值或者更改 先給全局變量賦值或者 做更改? 然后把 更新后的全局變量賦值給? page 內(nèi) data 中 對應(yīng)的變量萍膛】苑或者進行本地保存異地保存,然后獲取變量就可以蝗罗。
我的小程序還沒開發(fā)完艇棕,估計后期還有很多問題,等開發(fā)完后再一一回想串塑,進而進行總結(jié)沼琉,今晚上就先從這簡單的問題開始,開始還有些不習(xí)慣小程序開發(fā)桩匪,因為不能引用一些插件打瘪,也不能對dom進行操作,還不能訪問外網(wǎng)傻昙;很多東西感覺都有局限性闺骚,但是小程序團隊也在一點一點的完善一些bug。
我也在小程序開發(fā)中了解到了很多自己還不知道的東西妆档,比如.vertical-align: middle設(shè)置垂直劇中僻爽,還有display:flex布局等等。
后期再見~~~晚安