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

:

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

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

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

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

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

:

小程序發(fā)展學習技能

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

2.作為背景來學習代碼寫語言。

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

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

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

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

:

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

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

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

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

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

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

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