疯狂早茶小程序基础篇六事件_第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

提交评论