小程序学习：bindtap和catchtap，wx:for和wx:for-item

2024-04-24 20:51:15

在学习小程序的时候有些知识点比较模糊，百度了一些回答，也都还不是特别清晰，最终还是查看文档来搞明白的。

废话不多说，我来分享一下心得，以下纯属个人理解，如有错误，请指教。

bindtap和catchtap

我之前学习过一点vue，所以对bind比较敏感，其实小程序本身也是借鉴的vue的思想。

两者差别：官方文档

个人理解：两者都是用于事件绑定，区别在于bind不会阻止冒泡事件，catch会阻止冒泡事件。文档写的很详细，案例很清晰。

wx:for和wx:for-item

官方文档：

个人理解：wx:for相信大家都能理解，就是遍历一个数组，默认当前项的下标为index，内容为item。

然后wx:for-item的作用就是给item再取个名字（比较俗，想不到什么高大上的词语），拿文档案例的99乘法表为例子。

用wx:for-item="i"表示用 {{i}} == {{item}} ，可以用 i 来表示 item ，搜索大佬的笔记说的是别名，也就是另一个名字而已。写的更加方便（除了这个好处我想不到别的了。。。）

补充：还有个叫做wx:for-items，把wx:for="{{lists}}" 替换为wx:for-items="{{lists}}"，效果是一样的。参考网址：https://blog.csdn.net/jimolangyaleng/article/details/54315974。

小结：wx:for等价于wx:for-items是循环数组用的；而wx:for-item则是给列表赋别名用的

总结：学小程序1个多礼拜来着，发现要学好小程序最重要的就是

看文档！看文档！看文档！

重要的事情说三遍。。其实文档上基本都有，文档上没有的基本上也不太会用到（这里不敢说绝对0.0个人感觉）

小程序学习：bindtap和catchtap，wx:for和wx:for-item相关推荐

微信小程序中bindtap和catchtap
bindtap和catchtap都作为微信小程序中的事件,同样是tap,那么bindtap和catchtap有什么区别呢? 首先我们要了解一下什么是冒泡事件和非冒泡事件: 微信小程序冒泡事件和非冒泡事 ...
微信小程序组件——bindtap和catchtap的区别
bindtap不能阻止事件冒泡: catchtap可以阻止事件冒泡: 更多链接:https://www.cnblogs.com/zuiyue_jing/p/11929244.html
微信小程序学习9：获取用户信息进行登录操作 wx.getUserProfile
微信小程序学习9:获取用户信息进行登录操作wx.getUserProfile 2021年4月份左右微信对获取用户的API进行了更改.使用wx.getUserInfo只能获取用户的匿名信息. 要获取用户 ...
微信小程序学习7：路由跳转 - wx.navigateTo() wx.redirectTo()...
微信小程序学习7:路由跳转 - wx.navigateTo() wx.redirectTo()- 文章目录微信小程序学习7:路由跳转 - wx.navigateTo() wx.redirectTo( ...
微信小程序学习笔记（1）
微信小程序学习笔记 1.小程序代码结构 2.逻辑层和视图层 3. 小程序的宿主环境(通信模型.运行机制.组件.API) 4. 数据绑定和事件绑定 1.小程序代码结构当开发者新建一个工程时,项目文件包 ...
微信小程序学习（1）-基础开发
学习微信小程序微信小程序学习(1) 微信小程序学习(2) 文章目录学习微信小程序注册和初始化小程序配置 tabbar导航栏模板插样与WXML 循环渲染条件渲染模板微信小程序脚本WXS ...
小程序 pagescrollto_微信小程序学习笔记（三）-- 首页及详情页开发
一.常用组件在上一个章节中讲解了封装请求数据的模块,在此处请求轮播图的数据 1.首页轮播图数据的请求以及渲染 1.1 轮播图数据的请求 pages/home/home.js import 2 使用组 ...
小程序学习笔记（1）
小程序学习笔记(1) 以下是学习期间记录的笔记: 10-18号晚上学习笔记: 小程序实际上是需要下载安装的,只是很小,用户基本上觉察不到组件是具有一定的功能的代码的集合移动端适配: 物理像素:是图 ...
微信小程序学习（四）：微信小程序连接云数据库
微信小程序学习(四):微信小程序连接云数据库我今天就只是初步的连接了数据库,我就说一下我的基础代码,和我整了好久才整完的问题这里有个初始化,非常重要!非常重要!非常重要!!! 是放在app.js里 ...
微信小程序学习：（五）swiper塌陷问题解决
微信小程序学习:(五)swiper塌陷问题解决 github地址: https://github.com/leoricding/- (一)问题分析需求:实现tab切换,内容切换:内容切换,tab也切 ...

最新文章

热门文章