1.json 字尾的 json 配置檔案:
project.config.json
在工具上做的任何配置都會寫入到這個檔案,其中會包括編輯器的顏色、**上傳時自動壓縮
格式: 雙引號
2.wxml 字尾的 wxml 模板檔案:
}
this.setdata()
js中處理狀態
3.wxss 字尾的 wxss 樣式檔案:
全域性的樣式定義,在具體page中可以單獨定義覆蓋
4.js 字尾的 js 指令碼邏輯檔案
js中屬性值必須被包裹在雙引號中
block類似divdata-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
>
在元件上使用 wx:for 控制屬性繫結乙個陣列,即可使用陣列中各項的資料重複渲染該元件。預設陣列的當前項的下標變數名預設為 index,陣列當前項的變數名預設為 item
定義**片段,在不同地方呼叫,name命名模板名,通過is屬性呼叫wx:for
="}"
>
}: }
view
>
自定義屬性語法以data-開頭:
name
="msgitem"
>
>
>
}: } text
>
>
time: } text
>
view
>
template
>
"msgitem"
data
="}"
/>
js中統一使用這個函式呼叫,另不管data-後大寫小寫,統一轉換為小寫wx:for
='}'
wx:key
="key"
wx:for-item
='item'
>
catchtap
='onposttap'
data-postid
="}"
>
'postitem'
data
='}'
/>
view
>
block
>
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事件綁 定可以阻...