微信小程序試讀

??????? 之前一段時(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)目





最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀(guān)點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • WXML WXML(WeiXin Markup Language)是微信的一套標(biāo)簽語(yǔ)言,結(jié)合基礎(chǔ)組件、事件系統(tǒng),可...
    許劍鋒閱讀 7,284評(píng)論 3 51
  • 微信小程序在無(wú)論在功能、文檔及相關(guān)支持方面,都是優(yōu)于前面幾種微信賬號(hào)類(lèi)型,它提供了很多原生程序才有的接口,使得我們...
    未央大佬閱讀 2,395評(píng)論 0 12
  • 最近做了一個(gè)投票的微信小程序,開(kāi)發(fā)過(guò)程主要還是參考官方文檔:https://mp.weixin.qq.com/de...
    june5253閱讀 22,207評(píng)論 1 11
  • 1、找朋友幫你拍,或用前置攝像頭自拍; 2、打開(kāi)VUE,點(diǎn)擊右下方,設(shè)為1段10s; 3、拍完視頻,點(diǎn)紅鍵保存后,...
    董文嬌閱讀 1,282評(píng)論 0 1
  • 見(jiàn)久違的老友;聽(tīng)喜歡的歌曲;繼續(xù)看自己喜歡的書(shū)或電影… 一個(gè)晚上,你會(huì)發(fā)覺(jué)這幾件簡(jiǎn)單的小事顯得多珍貴 在這紙醉金迷...
    有時(shí)候呢閱讀 196評(píng)論 0 1

友情鏈接更多精彩內(nèi)容