微信小程式學習

2021-09-24 05:45:31 字數 1731 閱讀 9485

1.json 字尾的 json 配置檔案:

project.config.json

在工具上做的任何配置都會寫入到這個檔案,其中會包括編輯器的顏色、**上傳時自動壓縮

格式: 雙引號

2.wxml 字尾的 wxml 模板檔案:

}
this.setdata()
js中處理狀態

3.wxss 字尾的 wxss 樣式檔案:

全域性的樣式定義,在具體page中可以單獨定義覆蓋

4.js 字尾的 js 指令碼邏輯檔案

js中屬性值必須被包裹在雙引號中

data-test

="}"

>

hello worldtext

>

wx:if

="}"

>

1 view

>

wx:elif

="}"

>

2 view

>

wx:else

>

3 view

>

因為 wx:if 是乙個控制屬性,需要將它新增到乙個標籤上。如果要一次性判斷多個元件標籤,可以使用乙個 標籤將多個元件包裝起來,並在上邊使用 wx:if 控制屬性。

wx:if

="}"

>

>

view1 view

>

>

view2 view

>

block

>

block類似div

在元件上使用 wx:for 控制屬性繫結乙個陣列,即可使用陣列中各項的資料重複渲染該元件。預設陣列的當前項的下標變數名預設為 index,陣列當前項的變數名預設為 item

wx:for

="}"

>

}: }

view

>

定義**片段,在不同地方呼叫,name命名模板名,通過is屬性呼叫

name

="msgitem"

>

>

>

}: } text

>

>

time: } text

>

view

>

template

>

"msgitem"

data

="}"

/>

自定義屬性語法以data-開頭:

wx:for

='}'

wx:key

="key"

wx:for-item

='item'

>

catchtap

='onposttap'

data-postid

="}"

>

'postitem'

data

='}'

/>

view

>

block

>

js中統一使用這個函式呼叫,另不管data-後大寫小寫,統一轉換為小寫

onposttap

(event)

,

微信小程式學習

在實際開發過程中遇到 warning now you can provide attr wx key for a wx for to improve performance.上網查詢資料與檢視官方文件發現原因大致如下 官方解釋 wx key 如果列表中專案的位置會動態改變或者有新的專案新增到列表中,...

(微信小程式)一 初識微信小程式

需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...

微信小程式學習筆記

1 background image 只能用網 絡url 或者base64 本地圖 片要用image 標籤才行 2 事件綁 定value 是乙個字串,需要在對應的 page 中定義 同名的函式。不然當觸 發事件的時候會 報錯。3 bind事件綁 定不會阻止冒泡事件向上冒泡,catch事件綁 定可以阻...