前端开发综合论坛 今日: 0|主題: 906|排名: 70 

vxe-table 如何实现复选框范围选取，鼠标滑动选择行效果不，按住复选框的列，向上或向下滑动选取, 鼠标按 MouseLeft + Ctrl 局部选取/取消选择 https://vxetable.cn <template> <div> <vxe-grid v-bind="gridOptions"></vxe-grid> </div> </template> <script setup> import { reactive } from 'vue' const grid ...

1、下载web插件 官网地址：https://open.hikvision.com/download/5cda567cf47ae80dd41a54b3?type=20&id=77c7f9ab64da4dbe8b2df7efe3365ec2 下载 并安装 2、引入web插件包 在 public/index.html中引入插件 <script src="/webVideoCtrl.js"></script> <script src="jsVideoPlugin-1.0.0.min.js"></script> <scrip ...

vue 甘特图 vxe-gantt 任务里程碑和依赖线的使用 https://gantt.vxeui.com/ 通过设置 task-bar-milestone-config 和 type=moveable 启用里程碑类型，当设置为里程碑类型时，只需要设置 start 开始日期就可以，无需设置 end 结束日期，设置 links 定义连接线,from 对应源任务的行主键,tom 对应目标任务的行主键 <template> ...

vue 甘特图 vxe-gantt 任务里程碑类型的配置用法 查看官网：https://gantt.vxeui.com/ gitbub：https://github.com/x-extends/vxe-gantt gitee：https://gitee.com/x-extends/vxe-gantt 通过设置 task-bar-milestone-config 和 type=moveable 启用里程碑类型 <template> <div> <vxe-gantt v-bind="ganttOptions"></v ...

vxe-table 导入 excel xlsx 时，单元格内容值丢失前面0解决方法，不如到出数据为 "003200" ，导出到 xlsx 时，由于 xlsx 会自定义格式化数字，所以 0 就没了；解决方法就是知道为字符串类型，可以通过 column.cell-type 设置 查看官网：https://vxetable.cn gitbub：https://github.com/x-extends/vxe-table gitee：https: ...

vue 甘特图 vxe-gantt 手动增加一条依赖线，删除连接线的用法,通过设置 links 定义连接线,from 对应源任务的行主键,tom 对应目标任务的行主键 0 FinishToStart 结束后才开始，表示一个任务必须在另一个任务开始之前完成 1 StartToFinish 开始到结束，表示从某个过程的开始到结束的整个过程 2 StartToStart 开始后才开始，表 ...

任务一：非遗地图浏览模块 核心功能 高德地图集成与定制化 非遗项目地理位置标记 实时搜索过滤功能 前端技术实现要点 1. 地图初始化与定制 使用高德地图JS API创建地图实例 应用自定义地图样式(whitesmoke)营造文化氛围 添加CSS滤镜(sepia、saturate等)增强视觉效果 2. 标记点系统 动态创建带交互效果的自定义标记 实 ...

vue 甘特图 vxe-gantt table 连接线的用法教程，通过设置 links 定义连接线,from 对应源任务的行主键,tom 对应目标任务的行主键 https://gantt.vxeui.com 类型说明 0 FinishToStart 结束后才开始，表示一个任务必须在另一个任务开始之前完成 1 StartToFinish 开始到结束，表示从某个过程的开始到结束的整个过程 2 StartToSt ...

vue 甘特图 vxe-gantt table 依赖线的使用，配置连接线 连接线有几种类型： FinishToFinish：完成到完成，表示一个任务必须在另一个任务完成之后才能完成 StartToStart：开始后才开始，表示一个活动结束了，另一个活动才能开始，它们之间按先后顺序进行 FinishToStart：结束后才开始，表示一个任务必须在另一个任务开始之前 ...

作者：vivo 互联网前端团队 - Su Ning为解决拟我形象在多场景展示中依赖 3D 渲染导致的性能与接入问题，本文提出将形象预先导出为视频或动图资源。对比三种技术路径后，最终选择 Puppeteer + H5 渲染帧 + FFmpeg 合成视频 的方案，实现了渲染效果一致、服务端批量处理和低接入成本，为拟我形象的规模化应用提供了高效可扩展 ...

产品扔过来一个需求：这个列表需要实现拖拽排序，心里面慌不慌？ 如果要手搓一个这个功能，那代码可就很感人了。 大概有这么些逻辑：鼠标按下 -> 开始拖动 -> 拖动中实时改变位置 -> 拖动结束判断是否允许释放 -> 不允许缩放怎么做 -> 允许缩放又怎么做。 要实现这一大堆逻辑，那画面很美~~ 别慌，面向 github 编程，已经 ...

在三维场景中加载模型是最常见的需求之一。虽然可以直接使用 Three.js 的 GLTFLoader，但在不同投影方式下需要手动处理坐标转换，比较麻烦。今天就来学习 mapvthree 提供的 SimpleModel 类，看看它是如何简化这个过程的。 了解 SimpleModel SimpleModel 是 mapvthree 对 Three.js 模型加载的封装，主要解决了以下问题： ...

近日，JavaScript图表库DHTMLX Diagram 6.1 正式版本。本次版本更新带来了全新的 PERT 可视化模式，并在无代码/低代码流程图编辑体验方面实现了更高的灵活性与可控性。同时，Diagram 编辑器在快捷键管理与图形交互控制上也迎来了多项重要增强。 DHTMLX Diagram 最新版官方试用下载，请联系慧都科技 全新 PERT 模式： ...

在实际项目中，我们经常需要加载大规模的三维场景数据，比如城市建筑模型、地形数据等。3D Tiles 是 Cesium 提出的开放标准，用于高效地流式传输和渲染大量 3D 内容。今天就来学习一下如何在 mapvthree 中使用 3D Tiles。 了解 3D Tiles 3D Tiles 是一种用于流式传输和渲染大量 3D 内容的开放标准，具有以下特点： 层次 ...

一、CPS简介 Content-Security-Policy（CSP，内容安全策略）是一种由浏览器实施的安全机制，用于防止跨站脚本攻击（XSS）、数据注入攻击和点击劫持等常见 Web 安全威胁。 它通过白名单机制控制网页可以加载和执行哪些资源，从而有效减少恶意代码的执行机会。 二、核心作用 1、防止 XSS 攻击 禁止内联脚本执行，限制脚本只能 ...

vue 甘特图 vxe-gantt table 任务条可拖拽左右调整日期，拖拽任务调整日期 查看官网：https://gantt.vxeui.com/ gitbub：https://github.com/x-extends/vxe-gantt gitee：https://gitee.com/x-extends/vxe-gantt 效果 代码 通过设置 task-bar-config.resize 启用拖拽任务条调整日期功能 <template> <div> <vxe-gantt ...

大家好，我是 Java陈序员。 在这个数字时代，我们的手机和相机里存满了无数珍贵的照片 —— 家人的笑脸、旅行的风景、生活的点滴瞬间。但这些回忆往往被淹没在杂乱的相册里，要么受制于云存储的隐私风险，要么因格式兼容问题难以完整呈现。 这时候，我们可以搭建一个完全属于自己、能按时间和地点梳理回忆的照片画廊。 今天 ...

在实际项目中，我们经常需要加载各种标准地图服务，比如 WMS、WMTS，或者自定义的 XYZ 格式瓦片。今天就来学习一下如何在 mapvthree 中使用这些服务，以及理解不同的瓦片切图规则。 了解标准地图服务 在 GIS 领域，有几种常见的地图服务标准： WMS（Web Map Service）：Web 地图服务，通过 HTTP 请求获取地图图片 WMTS（ ...

作为全球知名的企业级数据网格控件，AG Grid 以强大的性能、灵活的 API 设计与成熟的企业组件生态而闻名，广泛应用于金融、制造、能源、电商等高数据密度行业。此次发布的 AG Grid 35 是一次重量级更新，带来了诸多提升用户交互体验与数据处理效率的全新特性，包括：单元格公式、行分组拖拽、绝对排序、列 ...

如何实现 vxe-tree 树组件拖拽节点后进行二次确认提示，参数 drag-config.dragStartMethod 可以自定义处理拖拽开始时的拖动，可以自定义是否允许拖拽 官网：https://vxeui.com github：https://github.com/x-extends/vxe-pc-ui gitee：https://gitee.com/x-extends/vxe-pc-ui 需要提示操作时，通过 drag-config.dragEndMet ...