微信小程序阻止冒泡?.wxs文件:用于定义小程序的自定义逻辑模块,其中module对象包含require函数,可以引入其他模块。module属性和src属性:用于指定wxs文件的位置和名称,方便在小程序中引用。事件管理 事件绑定:事件通过WXS函数绑定,接受event和ownerInstance参数,用于响应和处理事件。事件类型:包括普通事件、那么,微信小程序阻止冒泡?一起来了解一下吧。
小程序相关知识点概述
1. app.json配置文件: 定义全局配置,包括pages路径集合、window背景和文字样式、 tabBar底部导航栏结构,最多5个,至少2个。
2. 导航方法: wx.navigateTo()保留当前页面跳转,wx.redirectTo()关闭当前页面跳转,wx.switchTab()切换到 tabBar页面,wx.navigateBack()返回上一页面,wx.reLaunch()关闭所有页面重新打开。
3. 数据传递: 通过全局变量、路由参数和本地缓存实现页面间数据交换。
4. WXSS与CSS差异: WXSS限制背景图片为外链,使用@import引入外联样式,尺寸单位为rpx,响应屏幕大小。
5. 双向绑定: 小程序需使用setData()更新视图,不同于Vue的直接赋值。
6. 生命周期函数: onLoad加载页面,onShow显示页面,onReady渲染完成,onHide隐藏页面,onUnload卸载页面。
redirectTo :关闭当前页(卸载),跳转到指定页
navigateTo :保留当前页(隐藏),跳转到指定页
switchTap :只能用于跳转到tabbar页面,并关闭其他非tabbar页面,tabbar之间做切换
注意:switchTab只能跳转到带有tab的页面,不能跳转到不带tab的页面!
list页面:
detail页面:
event.target指的是当前点击的组件
event.currentTarget指的是事件捕获的组件
bindchange这个事件官方文档中没有写,效果基本和 bindblur 一样,但失去焦点时不会被重复触发,所以一般还是采用 bindblur
小程序对于全局 wxss 组件的继承只能继承 font 以及 color 类型
bind事件绑定不会阻止冒泡事件,而catch会阻止冒泡事件,看官方文档有介绍
在指定的css属性最后带上 ! important 能够加强属性的优先级
wxs 只是与 JavaScript 相似,并非 JavaScript ,所以无法定义 const 常量,得用 var
wxs 存在的意义就是充当 compute/filter 这类功能。
以下是小程序面试中可能会遇到的问题及其答案概览:
小程序的配置文件是什么,它包含哪些内容?
答案:小程序的配置文件是app.json,它包含pages路径数组、window背景和文字颜色设置,以及tabBar的定义。
简述小程序中导航函数的区别。
答案:
wx.navigateTo:保留当前页面,跳转到其他页面。
wx.redirectTo:关闭当前页面,跳转到其他页面。
wx.switchTab:切换到tabBar页面,并关闭其他非tabBar页面。
wx.navigateBack:返回上一页面,可通过页面栈控制层级。
wx.reLaunch:关闭所有页面,重新打开指定页面。
小程序中数据传递的方式有哪些?
答案:
全局变量:在app.js中设置全局data,组件间通过app.globalData传递。
小程序的配置和导航方法概览
app.json:全局配置文件,包含pages路径数组、window背景和文字颜色设置,以及 tabBar(底部导航栏)的定义。
导航函数的区别:
wx.navigateTo():保留当前页面,跳转到其他页面(不包括 tabBar 页面)。
wx.redirectTo():关闭当前页面,跳转到其他页面(同样不包括 tabBar)。
wx.switchTab():切换到 tabBar 页面,关闭其他非 tabBar 页面。
wx.navigateBack():返回上一页面,可通过页面栈控制层级。
wx.reLaunch():关闭所有页面,重新打开指定页面。
数据传递方式:
全局变量:在app.js设置全局data,组件间通过app.globalData传递。
路由传递:通过url传递参数,在目标页面的onLoad周期内获取。
本地缓存:未提及具体实现方式,但暗示有此类功能。
WXSS与CSS的差异:
WXSS:背景图片只能用外链,@import引入外联样式,尺寸单位为rpx(响应式)。
bind事件绑定不会阻止冒泡事件向上冒泡
catch事件绑定可以阻止冒泡事件向上冒泡
当点击子集的catchtap='child'事件之后阻止冒泡事件向上冒泡,所以不会触发 bindtap='father'
以上就是微信小程序阻止冒泡的全部内容,- .wxs文件:定义小程序的自定义逻辑模块,module对象包含require函数,用于引入其他模块。 module属性和src属性用于指定wxs文件的位置和名称。2. 事件管理 - 事件通过WXS函数绑定,接受event和ownerInstance参数,用于响应事件。 事件类型包括普通、阻止冒泡、互斥事件,内容来源于互联网,信息真伪需自行辨别。如有侵权请联系删除。