logic-flow 使用过程中遇到的bug - 拖动节点到画布的时候,鼠标松开,节点不落在画布,仍旧跟着鼠标走
背景:
插件:logicFlow
用途:画流程图
bug表现:
初始化的样子:

bug的样子:
拖动第一个节点的时候,一切正常(无论哪个节点作为第一个节点,都是正常的,但是拖动第二个节点的时候,节点面板出现重影一样的效果,如图)

此时选中的节点会一直跟随鼠标移动,不落在画布上,需要单击鼠标左键才可以落下,落下后,控制台会报错如下

解决办法:
给盒子里的icon和文字都加上 user-select: none; 让它们无法被选择
css大概如下:
.node-item {pointer-events: auto;}
.node-item-icon {pointer-events: none;user-select: none;
}
.node-label {user-select: none;pointer-events: none;
}
关于 pointer-events:
CSS的pointer-events属性用于指定什么情况下元素可以成为鼠标事件的target。它常用的关键字有auto和none
pointer-events: auto; 是默认值,鼠标不会穿透当前层。
pointer-events: none; 会让一个元素忽略鼠标操作。

相关文章:
logic-flow 使用过程中遇到的bug - 拖动节点到画布的时候,鼠标松开,节点不落在画布,仍旧跟着鼠标走
背景: 插件:logicFlow 用途:画流程图 bug表现: 初始化的样子: bug的样子: 拖动第一个节点的时候,一切正常(无论哪个节点作为第一个节点,都是正常的,但是拖动…...
el-tree结合el-switch实现状态切换
<template><div><el-col :span"24"><el-card class"tree-card"><div class"sketch_content selectFile"><span class"span_title">组织列表 </span><div style"display: flex; jus…...
汽车智能座舱/智能驾驶SOC -1
看到华为&小康的 AITO问界M6、M7各种广告营销、宣传、测评、好评如潮水般席卷网络各APP平台。翻看了中信和海通对特斯拉M3和比亚迪元的拆解报告,也好奇华为的汽车芯片平台又能做出哪些新花样,下面是Mark开头,也学习下智能座舱和智能驾驶芯…...
2023 年爆肝将近 20 万字讲解最新 JavaEE 全栈工程师基础教程(更新中)
1. Java 语言基本概述 Java 是一种广泛使用的编程语言,由 James Gosling 在 Sun Microsystems(现在是 Oracle Corporation 的一部分)于 1995 年发表。Java 是一种静态类型的、类基础的、并发性的、面向对象的编程语言。Java 广泛应用于企业级…...
目标检测YOLO实战应用案例100讲-基于改进YOLOv5s的道路目标检测(续)
目录 3.3融合注意力模块 3.3.1注意力机制 3.3.2 SENet 3.3.3 CBAM 3.3.4ECA 3.3.5改进后的算法网络结构...
Laravel/Lumen 任务调度简易入门说明
前提 Laravel 中任务调度简化了服务器系统中 Cron 的操作,使得 计划任务 的实现更为简便。 这里主要以 Laravel 自带的消息队列进行说明,了解其间运行关系可以让我们更清晰的进行代码实现。 下方代码以 Lumen 9.x 框架进行举例,与 Laravel…...
目标检测 详解SSD原理,数据处理与复现
原理详解 前言 今天我们要读的这篇VGGNet(《Very Deep Convolutional Networks For Large-Scale Image Recognition》),就是在AlexNet基础上对深度对网络性能的影响做了进一步的探索。它是ImageNet 2014年亚军,相比于AlexNet&am…...
智能座舱架构与芯片- (8) 视觉篇
一、概述 相比起用于ADAS感知系统的摄像头,用于智能座舱内部的摄像头,其功能特性和性能要求相对简单。例如,OMS乘客监控摄像头,一般达到5MP即可有良好的效果。同时,OMS也可应用于车内会议系统,还应用于车内…...
uniapp、微信小程序返回上页面刷新数据
目录 前言: 方法1: 方法2: 方法3: 前言: 返回上页面刷新数据这个功能主要用于在当前页面点击跳转到另一个页面之后,在另一个页面对数据进行了操作,比如:阅读量,然后返…...
axios 请求合集
post 请求 请求负载请求参数(Request Payload) import axios from axios import qs from query-stringexport function getRoles(data){return axios.post(目标地址,data,{headers:{Content-Type: application/json,},}) }表单请求参数(Form…...
浪潮信息云峦服务器操作系统KeyarchOS体验与实践
写在前面 大家好我是网络豆,一名云计算运维人员,本文将会带大家体验一下浪潮信息服务器操作系统云峦KeyarchOS。看看浪潮信息服务器操作系统云峦KeyarchOS的优势与实践操作如何。 背景了解 KeyarchOS是浪潮信息基于Linux Kernel、OpenAnolis等开源技术…...
将 Spring 微服务与 BI 工具集成:最佳实践
软件开发领域是一个不断发展的领域,新的范式和技术不断涌现。其中,微服务架构和商业智能(BI)工具的采用是两项关键进步。随着 Spring Boot 和 Spring Cloud 在构建强大的微服务方面的普及,了解这些微服务如何与 BI 工具…...
负载均衡Ribbon和Feign的使用与区别
Ribbon 的介绍 Spring Cloud Ribbon 是基于Netflix Ribbon 实现的一套客户端负载均衡的工具。主要功能是提供客户端的软件负载均衡和服务调用。Ribbon 客户端组件提供一系列完善的配置项如连接超时,重试等。简单的说,就是在配置文件中列出Load Balancer…...
Python Opencv实践 - 二维码和条形码识别
使用pyzbar模块来识别二维码和条形码。ZBar是一个开源软件,用来从图像中读取条形码,支持多种编码,比如EAN-13/UPC-A、UPC-E、EAN-8、代码128、代码39、交错2/5以及二维码。 pyzbar是python封装ZBar的模块,我们用它来做条形码和二维码的识别。…...
树莓派的的串口通信协议
首先,回顾一下串口的核心知识点,也是面试重点: 串口通信通常使用在多机通讯中串口通信是全双工的决定串口通信的成功与否的是 数据格式 和 波特率数据格式:1. 数据位 2.停止位 3. 奇偶校验位 树莓派恢复串口 回忆前几节树莓派刷机…...
DAY60 84.柱状图中最大的矩形
84.柱状图中最大的矩形 题目要求:给定 n 个非负整数,用来表示柱状图中各个柱子的高度。每个柱子彼此相邻,且宽度为 1 。 求在该柱状图中,能够勾勒出来的矩形的最大面积。 思路 单调栈 本地单调栈的解法和接雨水的题目是遥相呼…...
你知道Linux操作系统的前世今生吗?Linux系统又该如何搭建呢?
文章目录 前言1. Linux 是什么1.1 Unix & Linux 发展历程图1.2 Linux 的发展1.3 Linux 的发行版 2. Linux 环境搭建2.1 环境搭建方式2.2 使用云服务器 3. 使用终端软件连接到 Linux3.1 什么是终端软件3.2 下载安装 XShell3.3 使用 XShell 登陆主机 总结 前言 可能很多人都…...
674. 最长连续递增序列
给定一个未经排序的整数数组,找到最长且 连续递增的子序列,并返回该序列的长度。 连续递增的子序列 可以由两个下标 l 和 r(l < r)确定,如果对于每个 l < i < r,都有 nums[i] < nums[i 1] &a…...
DS5上ARM编译器样例工程改为GCC编译
想问一下,DS5上ARM编译器通过的样例工程,换成aarch64-none-elf-gcc工具链,是不是需要把startup.S改成gcc支持的格式呀?怎么改呢,求助大神们指点一下!谢谢!...
关于Unity Time.deltaTime的理解和使用
Unity中的Time.deltaTime是一个表示上一帧到当前帧所用时间的浮点数。 它可以让Unity应用程序能够以平滑的方式在不同的帧率下运行。 要深刻理解Time.deltaTime,首先得了解Unity引擎得工作原理。 Unity引擎以每秒帧数(FPS)的形式运行。 比…...
Token需求狂飙千倍,22亿热钱涌向这家AGI Infra头号玩家
衡宇 发自 凹非寺量子位 | 公众号 QbitAI在今年的GTC大会上,黄仁勋宣告:英伟达已不再局限于一家芯片或 GPU 公司,而是全面转型为全栈式 AI 基础设施公司。这让“AI基础设施”再度站在了行业的风口中央。事实上,早在风口来临之前&a…...
避开这些坑!Proteus8仿真IrLink红外通信的3个常见问题与解决方案
Proteus8红外通信仿真避坑指南:从信号异常到稳定解码的实战解析 当你在Proteus8中搭建51单片机与IrLink模块的红外通信仿真时,是否遇到过信号时断时续、解码错误或根本无法接收的情况?这些看似简单的红外通信背后,隐藏着多个容易忽…...
爬虫任务编排引擎:从脚本到可管理工作流的设计与实践
1. 项目概述:一个面向数据抓取与处理的编排引擎最近在折腾一个数据采集项目,发现随着抓取任务越来越复杂,简单的脚本已经难以应付。我需要处理几十个不同结构的网站,每个网站的抓取频率、数据清洗规则、异常处理逻辑都不一样&…...
使用Python快速调用Taotoken大模型API的完整入门教程
🚀 告别海外账号与网络限制!稳定直连全球优质大模型,限时半价接入中。 👉 点击领取海量免费额度 使用Python快速调用Taotoken大模型API的完整入门教程 对于希望快速集成大模型能力的开发者而言,直接对接多个厂商的API…...
AI对量化交易的影响和预测
AI 对量化交易的全面影响:从技术革新到安全边界 本文面向程序员、工程师、架构师、技术专家及技术负责人,提供AI赋能量化交易的技术全景手册。内容涵盖技术演进、核心启发、安全风险、准确性挑战(过拟合陷阱、AI幻觉、回测偏差)、投入产出比(ROI)、未来趋势及应用场景。图…...
通用世界模型的三原则架构设计与实践
1. 项目概述"通用世界模型中的一致性三原则与架构设计"这个标题涉及人工智能领域的前沿研究方向。作为一名长期从事AI系统架构设计的从业者,我想分享在实际项目中构建通用世界模型时积累的经验。世界模型是指能够理解和预测环境变化的计算框架,…...
NeMo AutoModel:基于PyTorch DTensor与SPMD的工业级大模型分布式训练框架
1. 项目概述:NeMo AutoModel,一个为PyTorch大模型训练而生的“工业级加速器”如果你正在用PyTorch和Hugging Face做LLM或VLM的微调、预训练,并且被“如何高效地扩展到多卡、多机”这个问题困扰过,那么NeMo AutoModel就是你一直在找…...
2026工程新蓝海:逃离通信内卷,靠“光纤传感”抢占特种基建红利
当前,传统通信基建市场的利润空间正在被极度压缩。干线铺设、宽带入户的招标价格屡创新低,依靠纯粹的人海战术和价格战在运营商体系内“卷”利润,已经成为一条越走越窄的死胡同。然而,在同一时空下,另一条隐秘的千亿级…...
设计模式(C++)-行为型模式-备忘录模式
设计模式(C)-行为型模式-备忘录模式 一、备忘录模式概述 备忘录模式是一种行为型模式,允许在不破坏封装性的前提下,捕获并保存一个对象的内部状态,以便以后可以恢复到这个状态。 核心思想: 三个关键角色: 1. Originato…...
AI开发之LangGraph教程2~入门
概述 这篇教程主打零基础上手,带大家用 LangGraph 从零搭建一款自带上下文记忆、支持自定义工具调用的智能聊天机器人。 我们都知道:原生大语言模型 LLM 天生无状态、无记忆,单独只能做简单单次问答,既记不住多轮聊天上下文&…...
