下载APP
登录
关闭
讲堂
算法训练营
Python 进阶训练营
企业服务
极客商城
客户端下载
兑换中心
渠道合作
推荐作者
当前播放: 29 | 小程序事件流
00:00 / 00:00
标清
  • 标清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看

9小时搞定微信小程序开发

共91讲 · 91课时·约600分钟
13116
免费
01 | 小程序的背景
免费
02 | 什么是小程序
免费
03 | 小程序生态及应用前景
免费
04 | 小程序开发前的准备
免费
05 | 安装微信开发者工具
免费
06 | 小程序代码结构简介
07 | 小程序配置文件介绍
08 | 开发者工具详解(一)
09 | 开发者工具详解(二)
10 | 创建第一个小程序
免费
11 | 开发框架组成介绍
免费
12 | WXML之语法
13 | WXML特性之数据绑定
14 | WXML特性之列表渲染
15 | WXML特性之条件渲染
16 | WXML特性之模板及引用
17 | WXSS特性之响应式像素
18 | WXSS特性之样式
19 | WXSS特性之选择器
20 | JavaScript介绍
免费
21 | 小程序JavaScript实现
免费
22 | 小程序宿主环境差异
23 | 学会使用WXS
24 | MINA框架讲解
25 | 小程序运行机制
26 | 小程序加载机制
27 | 生命周期
28 | 页面路由
29 | 小程序事件流
30 | view容器
31 | scroll-view滚动容器
32 | swiper滑块容器
33 | movable-view移动缩放容...
34 | cover-view原生视图容器
35 | 微信小程序基础内容组件之...
36 | 微信小程序基础内容组件之...
37 | 微信小程序基础内容组件之...
38 | 微信小程序基础内容组件之...
39 | 微信小程序表单组件之butt...
40 | 微信小程序表单组件之chec...
41 | 微信小程序表单组件之form
42 | 微信小程序表单组件之inpu...
43 | 微信小程序表单组件之labe...
44 | 微信小程序表单组件之pick...
45 | 微信小程序表单组件之pick...
46 | 微信小程序表单组件之radi...
47 | 信小程序表单组件之slider
48 | 微信小程序表单组件之swit...
49 | 微信小程序表单组件之text...
50 | 微信小程序导航组件naviga...
51 | 微信小程序媒体组件之audi...
52 | 微信小程序媒体组件之imag...
53 | 微信小程序媒体组件之vide...
54 | 微信小程序媒体组件之came...
55 | 微信小程序媒体组件之live...
56 | 微信小程序地图组件map
57 | 微信小程序画布组件canvas
58 | 微信小程序开放能力组件之...
59 | 微信小程序开放能力组件之...
60 | 微信小程序之API概述
61 | 微信小程序API之网络请求
62 | 微信小程序API之上传下载
63 | 微信小程序API之socket请...
64 | 微信小程序API之图片应用
65 | 微信小程序API之音频控制
66 | 微信小程序API之视频控制
67 | 微信小程序API之实时音视...
68 | 微信小程序API之文件应用
69 | 微信小程度API之数据缓存
70 | 微信小程序API之地图控制
71 | 微信小程序API之网络设备...
72 | 微信小程序API之加速度计...
73 | 微信小程序API之其他设备...
74 | 微信小程序API之界面相关...
75 | 微信小程序API之页面路由...
76 | 微信小程序API之操作动画
77 | 微信小程序API之绘图介绍
78 | 微信小程序开放功能之登录...
79 | 微信小程序开放功能之微信...
80 | 微信小程序开放功能之模板...
81 | 微信小程序开放功能之转发...
82 | 微信小程序开放功能之打开...
83 | 小程序实战项目小书架之开...
84 | 小程序实战项目小书架之书...
85 | 小程序实战项目小书架之登...
86 | 小程序实战项目小书架之个...
87 | 小程序实战项目小书架之书...
88 | 小程序实战项目小书架之评...
89 | 小程序实战项目小书架之已...
90 | 小程序之WePY框架介绍
91 | 小程序之性能优化
本节摘要

精选留言(13)

  • 2018-04-06
    29讲的最后例子讲解中出现的bindtap,capture-catch:tap,前面没说明,衔接不上,跳转的太快,没看懂呀。
    1
    45
  • 2018-04-10
    跟上面那位同学说的一样,讲了bindtap之后突然就出现了capture-bind和capture-catch,而且后者的演示效果没有展示,作用也讲的不清楚。
    15
  • 2018-11-16
    可以看下官方文档, https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html

    `bind:*` : 绑定事件, 事件会冒泡, 优先目标触发, 然后逐级向父节点传递

    `catch:*` : 绑定事件, 阻止冒泡

    `capture-bind:*` : 反向冒泡, 优先根节点, 逐级派发到目标

    `capture-catch:*` : 阻止反向冒泡, 只会触发绑定了事件的根节点
    展开
    2
    8
  • 2018-10-17
    后面讲的比较粗糙,讲了bindtap之后突然就出现了capture-bind和capture-catch,而且后者的演示效果没有展示,作用也讲的不清楚。
    5
  • 2018-07-28
    这后面都讲得啥,我看了不下5遍,硬是没有看懂

    作者回复: 哪里不懂呢?可以加我qq:1328062379

    3
  • 2018-04-01
    5:10的target 和currentTarget 是不是说反了?

    作者回复: 这里确实有误,谢谢更正

    3
  • 跳了一下没反应过来,看留言去看了下文档
    总结一下:

    先执行捕获 后执行冒泡

    捕获阶段: 从父容器向子容器传递
    capture-bind: 处理捕获事件,不拦截捕获传递,继续传递事件
    capture-catch: 处理捕获事件,拦截捕获传递,后续的冒泡不会再执行

    冒泡阶段:从子容器到父容器传递
    bind: 处理冒泡事件, 不拦截冒泡传递,继续传递事件
    catch: 处理冒泡事件, 拦截冒泡传递, 不传递给父控件
    展开
    1
  • 2018-04-01
    tap到底是按下超过350ms,还是不超过350ms,我听见老师重复了两遍

    作者回复: 不超过350ms哈

    1
  • 2019-10-26
    老师抄的是官网的这个例子。
    https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxml/event.html
    点击inner view区域,capture-bind先执行,从父节点到子节点,然后执行bind,从子节点到父节点。
    点击inner view区域,capture-catch先执行,只执行父节点,不再传递。
    ============================================
    在下面的代码中,点击 inner view 会先后调用handleTap2、handleTap4、handleTap3、handleTap1。

    <view id="outer" bind:touchstart="handleTap1" capture-bind:touchstart="handleTap2">
      outer view
      <view id="inner" bind:touchstart="handleTap3" capture-bind:touchstart="handleTap4">
        inner view
      </view>
    </view>
    如果将上面代码中的第一个capture-bind改为capture-catch,将只触发handleTap2。

    <view id="outer" bind:touchstart="handleTap1" capture-catch:touchstart="handleTap2">
      outer view
      <view id="inner" bind:touchstart="handleTap3" capture-bind:touchstart="handleTap4">
        inner view
      </view>
    </view>
    展开
  • 2018-12-20
    跟上面、上上面那两位同学说的一样,讲了 bindtap 之后突然就出现了 capture-bind 和 capture-catch,连不上啊老师,这段能重新说下吗
  • 2018-10-22
    我的个人理解: 捕获事件是 从 外部 往里面 一层一层的传递(个人认为是放在栈里面), 事件响应是从这个栈里面 把捕获的事件一个一个来处理。不知道有没有问题?
  • 2018-04-17
    目标节点具体指的是什么呢?

    作者回复: 目标节点指的是触发事件的组件节点

  • 2018-04-04
    touch和changedTouches有什么区别吗?它俩的数据是一样的,老师可以讲细点吗