当前位置: 首页 > 微信设置 > 小程序

微信小程序阻止冒泡,关于微信小程序的一些要点

  • 小程序
  • 2025-08-01

微信小程序阻止冒泡?.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参数,用于响应事件。 事件类型包括普通、阻止冒泡、互斥事件,内容来源于互联网,信息真伪需自行辨别。如有侵权请联系删除。

猜你喜欢