:

小程序前端開(kāi)發(fā)中遇到坑總結(jié)一下，發(fā)現(xiàn)不對(duì)請(qǐng)大家?guī)兔纯?/h2>

1.如果在圖像標(biāo)簽中寬度設(shè)置為100%，而高度沒(méi)有設(shè)置或者設(shè)置了auto，圖片就不能正常顯示。此時(shí)，您可以在小程序文檔中檢查模式屬性的widthFix。這樣就能自動(dòng)適應(yīng)。

2.大家一定都遇到過(guò)在wxss中寫(xiě)背景圖的經(jīng)歷。比較好的方法是1:直接寫(xiě)在標(biāo)簽上，雖然可以在工具上看到。2:直接在wxss中寫(xiě)絕對(duì)連通圖，即線上。3.使用標(biāo)簽，并將其定位到頂部Z-index:-1，這是可以的。當(dāng)然還有其他的。

3.提貨人-查看和提貨人的選擇小程序自帶選擇。他們有好有壞。一是剪輯復(fù)雜。看你的選擇了，所以我選了pick。

4.單擊事件以獲取該元素的自定義屬性。自定義屬性最好以data-name命名，它是e.dataset.name當(dāng)您獲取它時(shí)；請(qǐng)注意，名稱(chēng)是小寫(xiě)的，無(wú)論數(shù)據(jù)名稱(chēng)是否包含大寫(xiě)，它都是小寫(xiě)的。為什么？類(lèi)似于原生。

:

小程序發(fā)展學(xué)習(xí)技能

1.如上所述，WXML語(yǔ)言類(lèi)似于Html語(yǔ)言。您可以通過(guò)組合basic組件和event系統(tǒng)來(lái)構(gòu)建頁(yè)面的結(jié)構(gòu)。

2.作為背景來(lái)學(xué)習(xí)代碼寫(xiě)語(yǔ)言。

3.學(xué)習(xí)PHP做服務(wù)器代碼寫(xiě)作語(yǔ)言(也可以選擇其他語(yǔ)言)。

4.了解WXSS: WXSS:WXSS(WeiXin樣式表)是一種用來(lái)描述WXML組件樣式的樣式語(yǔ)言。與CSS相比，WXSS擴(kuò)展功能包括：大小單位和樣式導(dǎo)入。

5.學(xué)習(xí)使用微信小程序系列組件：該框架提供了一系列基礎(chǔ)知識(shí)組件適用于開(kāi)發(fā)人，而開(kāi)發(fā)人可以結(jié)合這些基礎(chǔ)知識(shí)開(kāi)發(fā)

6.了解微信的獨(dú)特API:該框架提供了豐富的微信原生API，可以輕松調(diào)用功能提供的功能，如獲取用戶信息，本地存儲(chǔ)和支付功能。當(dāng)這個(gè)事件被觸發(fā)時(shí)，回調(diào)函數(shù)將被調(diào)用。

:

微信小程序開(kāi)發(fā)文檔tip

1.不能把本地資源引入WXSS。只能用線上資源，可以用base64。

2.app.wxss和每個(gè)頁(yè)面的wxss的疊加關(guān)系是：如果有同名規(guī)則，頁(yè)面會(huì)疊加app，不是合并而是疊加。

3.WXSS的規(guī)則不支持聚合。所以很難寫(xiě)。每個(gè)類(lèi)都要很長(zhǎng)，不然怕重名。不過(guò)，李. current { color:red；}這種寫(xiě)法支持after，before偽類(lèi)，不支持first-childlast-childnth-child這樣的偽類(lèi)。

4.目前測(cè)試引入的字體也不可用，WXML中提到的內(nèi)容SVG也無(wú)法使用。所以icon目前只能做圖。

5.WXSS不支持大括號(hào)嵌套({{}})。所以關(guān)鍵幀是不可用的，但它是可用的。

6.WXSS和CSS很像，基本上所有CSS都支持。小程序還提供rpx作為一個(gè)單元。屏幕寬度為750rpx。