- 博客(21)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 VueFlow中节点选中但node-click事件未触发的原因
核心结论：常见根因集中在事件冲突、配置拦截、DOM 层级、版本兼容与自定义节点处理五类，按优先级排查可快速定位。:selection-key-code=“[‘Shift’]” // 需按住Shift才触发选择。需要我根据你的 VueFlow 版本和代码片段，帮你定位具体是哪一类问题并给出修正后的完整代码吗？1. 基础校验：确认事件绑定正确、函数存在、节点可选中。// 此时可安全操作节点或绑定事件。一、事件冲突与触发条件问题。2. 事件冒泡/拦截冲突。// 异步获取节点数据。// 或禁用节点拖拽。
2026-04-08 17:04:10
278
原创 VueFlow无法展示全部节点问题
这是一个典型的 DOM 渲染与布局计算时序（Timing）问题。），它内部已处理了尺寸获取和时序问题。如果必须保持当前实现，使用 方案 1（方案 4：使用 @vue-flow/layout 官方库（最佳实践）方案 2：使用 useVueFlow 的节点尺寸信息（推荐）如果节点包含异步内容（如图片、远程数据），使用。推荐：如果项目允许，优先使用 方案 4（官方。方案 1：延迟 fitView（最快修复）基于错误的边界框（BBox）进行缩放。方案 3：监听节点尺寸就绪（最可靠）快速修复代码（直接替换）
2026-03-20 14:11:46
29
原创 Vue3微前端架构重构方案
核心架构：基于qiankun微前端，将3个模块拆为独立子应用，基座负责聚合和统一权限，实现「独立开发/售卖 + 整体功能保留」；关键保障：抽离公共权限包保证逻辑统一，Monorepo（可选）提升多应用管理效率，Vite提升开发/构建速度；部署灵活：子应用可单独部署售卖，也可接入基座形成整体系统，满足不同商业场景需求。这套方案是Vue3生态下适配你需求的成熟方案，既保证了各系统的独立性，又能无缝聚合为整体，同时符合前端工程化最佳实践。
2026-03-09 10:07:02
449
原创 Cesium高倍速态势渲染优化方案
Cesium默认使用当前时间的前后样本进行插值。低倍速时时间步长小，插值平滑；高倍速时时间步长变大，如果数据点稀疏（每秒1个），插值误差放大，导致视觉跳变。中添加排序逻辑（方案A已实现）。如果乱序严重，需要与后端协商保证数据顺序。只用于插值计算当前位置，历史轨迹可以通过。与滑动窗口保持一致。
2026-02-28 13:51:42
550
原创 软件项目负责人：全项目周期工作流程
如果您刚转入该领域，建议深入学习 GJB5000A/B（j用软件研制能力成熟度模型）、GJB438B/C（j用软件开发文档通用要求）、GJB2786A（j用软件开发通用要求） 等核心标准。j软件项目是 “流程驱动、文档为准、评审把关” 的典范。项目负责人的核心工作是：在确保绝对合规的前提下，领导团队将模糊的需求转化为高质量、高可靠、可交付的软件产品及全套证据链（文档）。这类项目与普通商业项目差异极大，流程严格、文档繁多、评审密集。评审通常是正式会议，有专家组、领导、用户参加，形成评审结论和问题清单。
2025-12-15 17:23:04
970
原创 vue3怎么将assets/images的png图标全部导入
在Vue3中，主要通过 Vite的 import.meta.glob 批量导入 assets/images 下的PNG图标，支持按路径匹配所有PNG文件，获取其URL后可在代码中灵活使用。// 处理为 { 文件名: URL } 的映射（如 “logo” : “/src/assets/images/logo.png”）// 批量导入 assets/images 下所有PNG（支持子目录）eager: true, // 立即加载，而非懒加载。// 懒加载导入，返回的是函数，调用函数才会加载图片。
2025-10-16 15:47:40
591
原创 Windows 环境下为银河麒麟（Linux ARM64）生成 node_modules 依赖
利用 Docker 的跨平台构建能力，我们在 Windows 主机上启动一个容器，但这个容器内部模拟的是一个 Linux ARM64 的环境。在这个“仿真的”目标环境中执行 npm install，所有下载的依赖包，特别是包含二进制文件的可选依赖（如 @rollup/rollup-linux-arm64-gnu），都会是适用于 Linux ARM64 架构的正确版本。这个方案虽然前期需要学习一些 Docker 的基本概念，但它是一次投入、长期受益的最佳实践，特别适合内网开发和跨平台部署的场景。
2025-09-01 15:56:30
1610
1
原创 在面试中最常被问到的 Leaflet 和 Cesium API
在面试中，被问到的 Leaflet 和 Cesium API 通常集中在核心概念、常用功能以及解决实际问题的能力上。以下是一些。
2025-06-03 11:01:38
1011
原创 JSON.parse报错，应该是用户输入有空格和换行导致，怎么去除
优先使用trim()并确保JSON结构正确。若问题仍存在，检查输入中的特殊字符或格式错误，而非盲目移除所有空白。
2025-03-21 14:59:17
836
原创 cesium添加大量点数据（数据格式，性能）
若原始数据为其他格式（如 CSV、GeoJSON），需预处理为 JavaScript 对象。添加大量点数据时，需要合理准备数据格式并注意性能优化。（经纬度或笛卡尔坐标），可附加其他属性（颜色、大小、标签等）。若数据量极大（如数万点），建议将数据按。）或 Cartesian3 笛卡尔坐标。直接操作底层图形接口，性能显著优于。确保所有坐标使用 WGS84 经纬度（格式存储以减少内存占用（需配合。直接遍历数据数组，逐个添加。在 Cesium 中通过。使用，见后文优化部分）。
2025-03-14 10:32:38
1574
原创 Cesium海量数据的管理优化
通过上述方法，可在Cesium中高效管理大规模点数据的显示与隐藏，同时保持应用的流畅性。根据数据特性（动态/静态、规模大小）选择最合适的技术组合。在Cesium中管理大量车辆和人员等点数据的显示与隐藏时，需兼顾灵活性和性能。适用于超大规模静态数据集（如城市级人员分布）。通过UI按钮控制不同组别显示，并实现区域筛选。适合频繁位置更新的实体（如实时车辆）。按类型分组管理实体，便于批量控制。处理静态大规模数据时，使用。属性批量切换可见性。
2025-03-14 10:00:33
774
原创 防抖和节流
好的，我现在要解决用户的问题：点击事件处理应该用防抖还是节流。首先，我需要明确这两个概念的区别和应用场景。防抖（Debounce）和节流（Throttle）都是用来控制函数执行频率的技术，但它们的适用情况不同。防抖的原理是在事件被触发后，等待一段时间再执行回调函数。如果在等待期间再次触发事件，则重新计时。这适用于只关心最终状态的情况，比如搜索框输入，用户停止输入后才发送请求，避免频繁请求。节流则是确保函数在一定时间间隔内只执行一次，不管事件触发有多频繁。
2025-03-12 11:09:47
599
原创 leaflet-echarts线点击
通过上述方法，无论是修改插件源码还是在 Vue 组件中动态监听，均可解决因地图缩放导致点击事件失效的问题。方法导致 ECharts 实例被销毁并重建时，点击事件会失效。在 Leaflet-Echarts 插件中，当地图缩放触发。如果无法修改插件源码，可在 Vue 组件中监听地图的。方法中直接绑定事件，确保每次重绘后事件生效。事件，并在每次缩放后重新绑定事件。
2025-03-10 14:27:24
324
原创 leaflet线点击
地图缩放触发重绘时，旧的 ECharts 实例被销毁，新的实例会重新绑定事件。若插件未正确销毁旧实例，或 Vue 组件未清理旧回调，可能导致事件重复绑定。通过严格检查回调存在性、确保插件正确销毁旧实例，并在 Vue 组件中管理生命周期，可解决。为空及事件重复绑定的问题。此方案兼顾代码健壮性和用户体验，适用于动态交互场景。在插件源码中严格检查回调是否存在，并在 Vue 组件中正确传递回调。通过插件源码确保旧实例销毁，并在 Vue 组件中管理回调引用。初始化插件时，通过选项传递。，点击飞线时无法触发逻辑。
2025-03-10 14:26:30
445
原创 有意义的前端面试项目问题
通过这些问题，可以清晰区分“仅了解API”的候选人和“有复杂项目经验”的候选人。以下针对您提供的5个问题，分别整理对应的。
2025-03-04 09:49:10
541
原创 使用service.interceptors.response.use设置了捕捉请求失败，message.error提示。怎么让某个接口不提示
可以通过在特定请求的配置中添加一个自定义标志（如），然后在全局响应拦截器中检查该标志来决定是否跳过错误提示。
2025-02-27 11:36:58
792
原创 若依（RuoYi）后台管理系统在项目中作用
若依（RuoYi）后台管理系统是一个基于Spring Boot的开源后台管理框架，在项目中主要承担的作用。：内置用户管理、角色权限、菜单配置、部门管理、日志监控等通用模块，减少重复开发。：通过可视化界面生成实体类、Controller、Service、Mapper及前端代码，缩短开发周期30%-50%。：前后端分离设计（支持单体或微服务版本），便于功能扩展和维护。：基于RBAC（角色访问控制）模型，支持按钮级、接口级权限控制。
2025-02-19 14:07:23
1286
原创 nginx配置开机启动（Windows环境）
2. 重启计算机，Nginx将自动启动。—### 方法二：使用SC命令（原生方式）#### 步骤 1：创建服务1.： - 允许Nginx通过防火墙（控制面板 → Windows Defender 防火墙 → 允许应用通过防火墙）。#### 可能问题：- 若服务启动后停止，可能是Nginx未以服务模式运行，建议改用NSSM。在Windows环境下配置Nginx开机启动，可以通过将其注册为系统服务来实现。—### 方法一：使用NSSM（推荐）#### 步骤 1：下载NSSM1. 访问。
2025-02-13 13:57:56
2961
原创 let a={‘a‘:[‘1‘]} let b = a[‘a‘] b.push(‘2‘) 为什么b.push会改变a的值
在JavaScript中，当你将一个对象的属性值赋给另一个变量时，实际上是将该属性的引用复制给了新的变量，而不是将其值复制一份。所以当你执行 let b = a[‘a’] 时，b 变量实际上引用了 a[‘a’] 数组的内存地址，而不是数组的值本身。因为 a[‘a’] 和 b 引用了同一个数组对象，所以对 b 的操作也会影响到 a[‘a’]。要避免改变原始数组，可以使用数组的一些方法来创建一个新的数组，而不是直接引用原始数组的地址。这些方法都可以创建原数组的副本，然后对副本进行操作，而不影响原始数组的值。
2024-04-01 14:22:13
299
原创 客户端jwt存储在localStorage与cookie有什么区别
客户端存储JWT（JSON Web Tokens）时，常见的两种方式是使用localStorage和cookie。这两种方法各有优缺点，适用于不同的场景。下面将详细解释这两种存储方式的区别：1. 安全性Cookie：可以设置为仅通过HTTP传输（设置HttpOnly属性），这意味着这些cookie无法通过JavaScript访问，从而减少了XSS（跨站脚本攻击）的风险。如果设置了Secure属性，cookie只会在加密的请求中被传输，进一步增加安全性。
2024-03-11 14:56:32
1308
1
空空如也
在vue中使用video.js加载视频，页面出现异常
2022-04-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人