微信小程式筆記

目錄結構

1.列表渲染(陣列物件都可以)

預設陣列的當前項的下標變數名預設為index，陣列當前項的變數名預設為item

wx:for-index="

index
" wx:for-item="
item
"

for="

}">}: }
page(, ]
}})

2.條件渲染（初始消耗小 切換消耗大）

if="

}"> true 

"

}">隱藏顯示部分

模板引用 ： 

只會引入模板裡面的內容 模板外的不會引入

5. wxs 暴露出去， 其他檔案引用

6. 小程式 程式生命週期（應用生命週期）

7. 小程式 頁面生命週期 

兩個執行緒

8.路由

9. 事件

10.阻止事件冒泡

這樣就會只觸發click1事件

11.元件

可覆蓋的原生元件包括 map、video、canvas、camera、live-player、live-pusher

只支援巢狀 cover-view、cover-image，可在 cover-view 中使用 button。元件屬性的長度單位預設為px，2.4.0起支援傳入單位(rpx/px)。 scroll

view

scroll-y="
true
"style="
height: 300rpx;
"bindscrolltoupper="
upper
"bindscrolltolower="
lower
"bindscroll="
scroll
"scroll-into-view="}"
scroll-top="}"
enable-back-to-top="
true
"scroll-with-animation="
true
" >
"demo1
"class="
scroll-view-item demo-text-1
">1
"demo2
"class="
scroll-view-item demo-text-2
">2
"demo3
"class="
scroll-view-item demo-text-3
">3

bindscrolltoupper 繫結滑動到頂部的事件

bindscrolltolower 繫結滑動到底部的事件

bindscroll 繫結滑動事件

scroll-top 到頂部的距離

基礎內容

建立 video 上下文 videocontext 物件

13.常用標籤

屬性 mode 常用的值 

scaletofill 預設值 縮放模式，不保持縱橫比縮放，使的寬高完全拉伸至填滿 image 元素

aspectfit 縮放模式，保持縱橫比縮放，使的長邊能完全顯示出來。也就是說，可以完整地將顯示出來。 輪播圖常用

aspectfill 縮放模式，保持縱橫比縮放，只保證的短邊能完全顯示出來。也就是說，通常只在水平或垂直方向是完整的，另乙個方向將會發生擷取。少用

widthfix 縮放模式，寬度不變，高度自動變化，保持原圖寬高比不變 常用

屬性 lazy-load 直接支援懶載入

微信小程式學習筆記

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

微信小程式學習筆記

主要用於 編寫和效果預覽，還可以進行 真機除錯 2 雲開發控制台 wxml 對應html，提供很多常用的元件。wxss 對應css，基本沒差別，目前體會最深的是尺寸單位rpx替代畫素單位px，能很方便的適配各種解析度的手機。js 同js。json 同json。pages 乙個頁面對應乙個資料夾，乙個...

微信小程式學習筆記

資料繫結 條件渲染和列表渲染 模板樣式匯入事件是檢視層到邏輯層的通訊方式。事件分為冒泡事件和非冒泡事件 冒泡事件 當乙個元件上的事件被觸發後，該事件會向父節點傳遞。非冒泡事件 當乙個元件上的事件被觸發後，該事件不會向父節點傳遞。json wxml js page.js page bindminus ...