開始制作
  • 做app就上應(yīng)用公園
  • 小程序開發(fā)wxss文檔(微信小程序開發(fā)文檔tip)

    2022-11-20 20:00:00 來自于應(yīng)用公園

    :

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

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

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

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

    4.單擊事件以獲取該元素的自定義屬性。自定義屬性最好以data-name命名,它是e.dataset.name當(dāng)您獲取它時;請注意,名稱是小寫的,無論數(shù)據(jù)名稱是否包含大寫,它都是小寫的。為什么?類似于原生。

    :

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

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

    2.作為背景來學(xué)習(xí)代碼寫語言。

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

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

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

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

    infoTrade1605082185032.jpg

    :

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

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

    2.app.wxss和每個頁面的wxss的疊加關(guān)系是:如果有同名規(guī)則,頁面會疊加app,不是合并而是疊加。

    3.WXSS的規(guī)則不支持聚合。所以很難寫。每個類都要很長,不然怕重名。不過,李. current { color:red;}這種寫法支持after,before偽類,不支持first-childlast-childnth-child這樣的偽類。

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

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

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

粵公網(wǎng)安備 44030602002171號      粵ICP備15056436號-2

在線咨詢

立即咨詢

售前咨詢熱線

0755-27805158

[關(guān)閉]
應(yīng)用公園微信

官方微信自助客服

[關(guān)閉]