flutter事件getx
事件委托
概念 事件委托又名事件代理，通过JS事件的冒泡机制实现。 #box1{ width: 500px; height: 500px; margin: auto; background-color: blue; } #box2{ width: 300px; height: 300px; margin: a ......
flutter开发实现Checkbox样式自定义修改包括修改勾选颜色背景颜色等等
flutter开发实现Checkbox样式自定义修改包括修改勾选颜色背景颜色等 Checkbox( materialTapTargetSize: MaterialTapTargetSize.shrinkWrap, value: widget.isChecked ?? false, onChanged ......
事件监听——拖拽事件drag
在项目中遇到需要拖拽元素的需求，一开始考虑的是鼠标的mousedown、mouseup、mousemove等事件组合，之后研究发现元素本身存在drag事件，可以直接调用监听： /** * 添加监听事件，实现拖拽功能 */ handleAddDomListen() { //具体拖拽元素 const R ......
vue不同页面方法调用|跨页面传参|事件总线
事件总线 需要在不同页面间传递参数或者进行方法调用，可以使用事件总线 1.引入中间js 在src下的Utils文件夹下创建一个Bus.js其内容如下 import Vue from 'vue' export default new Vue() 2.A页面（发起请求） import Event fro ......
一统天下 flutter - widget 基础: 生命周期
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 基础: 生命周期 示例如下: lib\widget\basic\lifecycle.dart /* * 生命周期 */ impo ......
一统天下 flutter - 输入: 命中测试（hit test）
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 输入: 命中测试（hit test） 示例如下: lib\input\hit_test.dart /* * 命中测试（hit test） * ......
Cesium中的鼠标事件
10-Cesium中的鼠标事件 在Cesium中，有部分情况需要和场景进行交互，这就离不开鼠标的操作。Cesium为实现这一功能，分成了两个过程。首先，传递viewer.canvas参数实例化ScreenSpaceEventHandler类，例如实例化后的名称为handler；然后，为 handle ......
map 地图绑定点击事件
function drawMap(v = optionDataList) { loading.value = true echarts.registerMap('china', mapData) if (!myMapCharts) myMapCharts = echarts.init(chart.v ......
为什么说Flutter无法成为移动应用开发的“顶流明星”？
Flutter是一款由Google推出的跨平台移动应用开发框架，近年来备受关注。尽管Flutter在某些方面表现出色，但仍然有一些人对它的发展前景表示怀疑。近期一些文章针对Flutter的发展提出了不少质疑和批评，称其难以成为移动应用开发的“顶流明星”。 ......
Flutter枚举
Flutter枚举 Enum Extension 在Dart2.7版本，Dart新增了扩展函数，使枚举相关的代码定义、调用更加简洁 通过扩展枚举定义方法 定义一个元素枚举 enum Element { hydrogon, carbon, oxide } 定义一个枚举扩展，通过switch case获 ......
js EventLoop事件循环机制
1、js是单线程语言，其事件分为：同步任务和异步任务，异步任务分为宏任务与微任务； 2、执行顺序为：同步任务（主流程任务） > 微任务 > 宏任务 3、微任务：promise.then(fn) fn即会推入微任务队列 宏任务： setTimeout(fn1,time) fn1即会推入宏任务队列 ......
Flutter 集成 uni小程序（UniMPSDK）
原文地址 amoshk.top 又是一段成为鸽子的日子，今天我们直接来上手一把，简单聊聊如何在 Flutter 中集成并使用小程序。 在国内环境下，小程序盛行，随着功能的庞大，许多业务上也需要进行支持，帮助开发进行抽离（减少宿主 APP 频繁发版、方便形成生态、便于独立进行测试与漏洞修复等），使用者 ......
python+playwright 学习-52 iframe 定位与操作元素，监听事件，执行JS脚本总结
前言 本篇全面总结关于iframe 的定位，iframe上元素的操作（输入框，点击等），iframe 上的事件监听 与iframe上执行JS脚本的总结。 iframe 对象的定位 定位iframe 对象，总的来说有四种方法 page.frame_locator(selector) 通过page对象直 ......
Vue中使用全局事件总线
使用第三方库mitt实现全局事件总线，其原理，和Vue2类似，在app.config.globalProperties上添加总线，然后在需要的组件中引入，调用其on/emit/off等方法实现绑定、派发和解绑等操作 1、下载安装 npm i mitt 2、在main.ts中配置 import { c ......
pyqt5-事件
1、介绍 pyqt提供了事件机制使用户和程序进行交互。 2、xxed方法 组件的类中声明的类似xxed形式的方法，用于表示事件，使用时将其调用connect方法，指定处理方法。 示例： xx.clicked.connect(self.opt) 绑定组件对象的鼠标单击事件，如果触发，则调用opt方法 ......
Hooks与事件绑定
Hooks与事件绑定 在React中，我们经常需要为组件添加事件处理函数，例如处理表单提交、处理点击事件等。通常情况下，我们需要在类组件中使用this关键字来绑定事件处理函数的上下文，以便在函数中使用组件的实例属性和方法。React Hooks是React 16.8引入的一个新特性，其出现让Reac ......
2023-04-15 uniapp 点击事件冒泡
简而言之，即父子元素都有点击事件，这时候子元素触发点击事件会连同父元素的点击事件一并触发，这就是冒泡；而需求就是子不触父。 解决方案：子元素的点击事件由原来的@click或者@tap统统换成@tap.stop，据说@tap.stop比@click.stop好。 注：只需改变子元素点击事件，子变父不变 ......
Vue3中使用mitt事件总线
在utils下封装mitt.js import mitt from 'mitt' export default mitt() // mitt基本使用：https://juejin.cn/post/6973106775755063333 组件中引入mitt并使用 import mitt from '@ ......
Vue3 防止子组件触发父组件 点击事件
需求：我在写一个todocard,当我点击checkbox时候，父组件也会触发。 我需要在点击子组件checkbox的时候，父组件不触发。 解决方案： 在子组件上加 @click.stop ......
一统天下 flutter - widget 按钮类: Ink/InkWell/InkResponse - 让任意组件支持点击事件和点击效果
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 按钮类: Ink/InkWell/InkResponse - 让任意组件支持点击事件和点击效果 示例如下: lib\widget ......
一统天下 flutter - UI: 其它
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - UI: 其它 示例如下: lib\ui\other.dart /* * 其它 */ import 'dart:io'; import 'pac ......
一统天下 flutter - 输入: 软键盘相关
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 输入: 软键盘相关 示例如下: lib\input\soft_keyboard.dart /* * 软键盘相关 */ import 'pack ......
一统天下 flutter - UI: MediaQuery - 获取屏幕的相关信息，使系统设置中的字体大小无效
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - UI: MediaQuery - 获取屏幕的相关信息，使系统设置中的字体大小无效 示例如下: lib\ui\media_query.dart ......
DevExpress_GridControl添加按钮列并添加按钮事件
一、效果 二、具体操作 1、单击控件右上角三角Run Designer 2、配置按钮列 把TextEditStyle属性设置为HideTextEditor; 3、把Buttons的Kind属性设置为Glyph;Caption显示按钮名称 4、给按钮添加按钮事件 5、获取点击事件选中行的数据 priv ......
一统天下 flutter - widget 列表类: GridView - 网格
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 列表类: GridView - 网格 示例如下: lib\widget\list\grid_view.dart /* * Gri ......
一统天下 flutter - widget 状态管理: 状态管理 - 在树上，父监听子的通知
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 状态管理: 状态管理 - 在树上，父监听子的通知 示例如下: lib\state\notification_listener.d ......
一统天下 flutter - widget 滚动类: DraggableScrollableSheet - 可滚动组件，并且支持通过拖拽的方式上下展开
一统天下 flutter - widget 滚动类: DraggableScrollableSheet - 可滚动组件，并且支持通过拖拽的方式上下展开 ......
一统天下 flutter - 输入: Draggable/DragTarget - 拖拽
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - 输入: Draggable/DragTarget - 拖拽 示例如下: lib\input\drag.dart /* * Draggable/ ......
一统天下 flutter - widget 滚动类: ScrollNotification - 滚动通知
一统天下 flutter https://github.com/webabcd/flutter_demo 作者 webabcd 一统天下 flutter - widget 滚动类: ScrollNotification - 滚动通知 示例如下: lib\widget\scroll\scroll_no ......