瘋狂早茶小程序基礎篇六事件_第1頁
瘋狂早茶小程序基礎篇六事件_第2頁
瘋狂早茶小程序基礎篇六事件_第3頁
瘋狂早茶小程序基礎篇六事件_第4頁
瘋狂早茶小程序基礎篇六事件_第5頁
已閱讀5頁，還剩1頁未讀， 繼續免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

1、 瘋狂早茶前面說到，小程序基礎篇六：小程序框架是邏輯層與 UI 層分析的設計方式，這種設計方式需要解決兩個問題UI 層響應邏輯層邏輯和數據的變化UI 層將用戶的操作反饋到邏輯層其中前面講到的數據綁定解決了第一個問題，而則解決第二個問題什么是是視圖層到邏輯層的通訊方式。可以將用戶的行為反饋到邏輯層進行處理。可以綁定在組件上，當達到觸發，就會執行邏輯層中對應的處理函數。對象可以攜帶額外信息，如 id, dataset, touches。總結下來就是指發生了一些事情，通常是用戶進行了一些操作，如點擊某個按鈕或在屏幕上滑動了手指。當發生時，框架會調用處理函數(如果有的話)，這樣就可以實現對用戶操作的響

2、應。綁定通過綁定來完成對用戶操作的響應，比如要處理 view的 tap，在屬性中添加 bindtap= tapName, 然后在.js 中添加 tapName 函數 /wxml Click me! /.jsPage(tapName: function(event) console.log(event)event 對象包含一些關于的數據：觸發的組件current：當前組件type：類型timeStamp：時間戳(頁面打開到觸發所經過的毫秒數)touches：包含觸摸點的數組(多點觸控) changedTouches ：發生改變的觸摸點的數組(多點觸控)：額外的自定義信息冒泡和非冒泡為什么會有和

3、current之分呢，這是由于分為兩類，冒泡和非冒泡冒泡：當一個組件上的被觸發后，該會向父節點傳遞。非冒泡：當一個組件上的被觸發后，該不會向父節點傳遞。其中 tap是屬于冒泡(這也是為什么上面例子中的 event 會包含 current)，另外其它的冒泡還包括| 類型 | 觸發條件 | touchstart | 手指觸摸動作開始 | touove | 手指觸摸后移動 | touchcancel | 手指觸摸動作斷，如來電提醒，彈窗 | touchend | 手指觸摸動作結束 | tap | 手指觸摸后馬上離開 | longtap | 手指觸摸后，超過 350ms 再離開 | 為什么需要冒泡有了

4、冒泡，就可以更加方便的實現一些功能。比如程序有一個視圖，包含用戶頭像和，當用戶點擊頭像或時，進入用戶詳情頁面。如果沒有冒泡，就需要處理頭像和的點擊，而現在只需在外層一個組件，并處理該組件的即可。冒泡在有些情況下可能會希望的冒泡行為，可以使用 catch綁定，如 catchtap，就可以的冒泡行為。可以通過下面的代碼示例來加深對冒泡的理解/.wxml我是父親節點我是兒子節點我是孫子節點/.jsPage(handleTapOutter: function(event) console.log(父親節點被點擊),handleTapMiddle: function(event) console.log(兒子節點被點擊),handleInner: functi

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論