??????? 之前一段時(shí)間公司在做一個(gè)小程序的項(xiàng)目,自己嘗試了一下去寫(xiě),先說(shuō)下個(gè)人的感覺(jué)吧,后面再寫(xiě)一點(diǎn)小程序的坑,最后上項(xiàng)目
小程序主體跟html的差不多,又wxml(封裝的xml)界面,用標(biāo)簽的形式顯示界面,用wxss(相當(dāng)于css)可以為wxml的類(lèi)添加樣式,注意幾點(diǎn)
第一,用h5的大多數(shù)標(biāo)簽都可以不報(bào)錯(cuò),但是也不一定有你想要的效果,所以還是老老實(shí)實(shí)用上微信給定的標(biāo)簽,例如<view>(<div>),<button>等等,里面的控件很多都是ios開(kāi)發(fā)的控件,所以如果開(kāi)發(fā)過(guò)iOS的應(yīng)該看下標(biāo)簽名就知道大概是用來(lái)干什么的。
第二,邏輯要在js頁(yè)面去寫(xiě),暫時(shí)只能接受最原始的js,不能用jq等庫(kù),
page函數(shù)里面的data寫(xiě)的數(shù)據(jù)是可以傳輸?shù)絯xml頁(yè)面里面做頁(yè)面的渲染,配合那幾個(gè)微信的列表渲染或者條件渲染的函數(shù)wx:for wx:if,配合wxss樣式,基本這種聯(lián)動(dòng)就可以設(shè)置各種例如按鈕,隱藏等效果
第三,封裝的方法,或者別人寫(xiě)的控件可以引入,在使用的時(shí)候記得將借口暴露,并在需要引用的頁(yè)面引用
小程序的坑
第一,真機(jī)測(cè)試需要權(quán)限,且需先綁定微信號(hào),申請(qǐng)appid
第二,網(wǎng)絡(luò)請(qǐng)求傳說(shuō)端口需要80開(kāi)頭,
第三,view出現(xiàn)奇怪的問(wèn)題,例如同樣的樣式,有文字和沒(méi)文字位置不一樣,可以考慮用其他標(biāo)簽替換
第四,bind開(kāi)頭的時(shí)間不阻止冒泡,catch開(kāi)頭的時(shí)間阻止冒泡;
項(xiàng)目代碼下次上,因?yàn)檫€在忙項(xiàng)目上線(xiàn)的事情,沒(méi)時(shí)間寫(xiě)一個(gè)空閑項(xiàng)目