vue 表格 vxe-table 树结构实现单元格复制粘贴功能,实现树层级节点复制功能
vue 表格 vxe-table 树结构实现单元格复制粘贴功能,实现树层级节点复制功能;树结构默认是平级粘贴,可以通过 clip-config.isDeepPaste 启用深层数据结构的粘贴,需要注意树结构只支持 tree-config.transform 模式
https://vxetable.cn
可以通过 clip-config.isDeepPaste 启用深层数据结构的粘贴
<template>
<div>
...
vue 表格 vxe-table 如何实现右键菜单异步权限控制,权限控制邮件菜单按钮禁用与显示
vue 表格 vxe-table 如何实现右键菜单异步权限控制,权限控制邮件菜单按钮禁用与显示,支持自定义方法参数来控制菜单选项的异步禁用与显示
https://vxetable.cn
右键菜单加载中,通过 visibleMethod 和 loading | disabled | visible 属性来控制菜单选项的异步禁用与显示,可以精确到每一列每一行的显示隐藏与禁用控制
<te ...
VUE3大屏自适应布局
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
1. 视口单位布局 (Viewport Units)
使用 vw 和 vh 单位来实现响应式布局:
.full-screen {
width: vw(1920);
height: vh(1080);
padding: vh(5) vw(5) vh(5) vw(5);
}
.header-title {
font-size: vw(40);
line-height: vh(80);
}
这里的&nbs ...
vxe-table 如何实现复选框范围选取,鼠标滑动选择行效果不
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 ...
海康威视web插件版-vue3
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 任务里程碑和依赖线的使用
vue 甘特图 vxe-gantt 任务里程碑和依赖线的使用
https://gantt.vxeui.com/
通过设置 task-bar-milestone-config 和 type=moveable 启用里程碑类型,当设置为里程碑类型时,只需要设置 start 开始日期就可以,无需设置 end 结束日期,设置 links 定义连接线,from 对应源任务的行主键,tom 对应目标任务的行主键
<template>
...
vue 甘特图 vxe-gantt 任务里程碑类型的配置用法
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解决方法
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 手动增加一条依赖线,删除连接线的用法
vue 甘特图 vxe-gantt 手动增加一条依赖线,删除连接线的用法,通过设置 links 定义连接线,from 对应源任务的行主键,tom 对应目标任务的行主键
0 FinishToStart 结束后才开始,表示一个任务必须在另一个任务开始之前完成
1 StartToFinish 开始到结束,表示从某个过程的开始到结束的整个过程
2 StartToStart 开始后才开始,表 ...
非遗万象图前端开发
任务一:非遗地图浏览模块
核心功能
高德地图集成与定制化
非遗项目地理位置标记
实时搜索过滤功能
前端技术实现要点
1. 地图初始化与定制
使用高德地图JS API创建地图实例
应用自定义地图样式(whitesmoke)营造文化氛围
添加CSS滤镜(sepia、saturate等)增强视觉效果
2. 标记点系统
动态创建带交互效果的自定义标记
实 ...
vue 甘特图 vxe-gantt table 连接线的用法教程
vue 甘特图 vxe-gantt table 连接线的用法教程,通过设置 links 定义连接线,from 对应源任务的行主键,tom 对应目标任务的行主键
https://gantt.vxeui.com
类型说明
0 FinishToStart 结束后才开始,表示一个任务必须在另一个任务开始之前完成
1 StartToFinish 开始到结束,表示从某个过程的开始到结束的整个过程
2 StartToSt ...
vue 甘特图 vxe-gantt table 依赖线的使用,配置连接线
vue 甘特图 vxe-gantt table 依赖线的使用,配置连接线
连接线有几种类型:
FinishToFinish:完成到完成,表示一个任务必须在另一个任务完成之后才能完成
StartToStart:开始后才开始,表示一个活动结束了,另一个活动才能开始,它们之间按先后顺序进行
FinishToStart:结束后才开始,表示一个任务必须在另一个任务开始之前 ...
数字人动画云端渲染方案
作者:vivo 互联网前端团队 - Su Ning为解决拟我形象在多场景展示中依赖 3D 渲染导致的性能与接入问题,本文提出将形象预先导出为视频或动图资源。对比三种技术路径后,最终选择 Puppeteer + H5 渲染帧 + FFmpeg 合成视频 的方案,实现了渲染效果一致、服务端批量处理和低接入成本,为拟我形象的规模化应用提供了高效可扩展 ...
还在痛苦前端的拖拽排序吗?SortableJS 轻松搞定
产品扔过来一个需求:这个列表需要实现拖拽排序,心里面慌不慌?
如果要手搓一个这个功能,那代码可就很感人了。
大概有这么些逻辑:鼠标按下 -> 开始拖动 -> 拖动中实时改变位置 -> 拖动结束判断是否允许释放 -> 不允许缩放怎么做 -> 允许缩放又怎么做。
要实现这一大堆逻辑,那画面很美~~
别慌,面向 github 编程,已经 ...
JSAPIThree 加载单体三维模型学习笔记:SimpleModel 简易加载方式
在三维场景中加载模型是最常见的需求之一。虽然可以直接使用 Three.js 的 GLTFLoader,但在不同投影方式下需要手动处理坐标转换,比较麻烦。今天就来学习 mapvthree 提供的 SimpleModel 类,看看它是如何简化这个过程的。
了解 SimpleModel
SimpleModel 是 mapvthree 对 Three.js 模型加载的封装,主要解决了以下问题:
...
JavaScript图表库 DHTMLX Diagram 6.1 重磅发布:全新PERT模式上线,项目可视化能力再升级!
近日,JavaScript图表库DHTMLX Diagram 6.1 正式版本。本次版本更新带来了全新的 PERT 可视化模式,并在无代码/低代码流程图编辑体验方面实现了更高的灵活性与可控性。同时,Diagram 编辑器在快捷键管理与图形交互控制上也迎来了多项重要增强。
DHTMLX Diagram 最新版官方试用下载,请联系慧都科技
全新 PERT 模式: ...
JSAPIThree 加载 3D Tiles 学习笔记:大规模三维场景渲染
在实际项目中,我们经常需要加载大规模的三维场景数据,比如城市建筑模型、地形数据等。3D Tiles 是 Cesium 提出的开放标准,用于高效地流式传输和渲染大量 3D 内容。今天就来学习一下如何在 mapvthree 中使用 3D Tiles。
了解 3D Tiles
3D Tiles 是一种用于流式传输和渲染大量 3D 内容的开放标准,具有以下特点:
层次 ...
防止跨站脚本攻击(XSS)(完整版HTTP安全响应头-CSP)
一、CPS简介
Content-Security-Policy(CSP,内容安全策略)是一种由浏览器实施的安全机制,用于防止跨站脚本攻击(XSS)、数据注入攻击和点击劫持等常见 Web 安全威胁。
它通过白名单机制控制网页可以加载和执行哪些资源,从而有效减少恶意代码的执行机会。
二、核心作用
1、防止 XSS 攻击
禁止内联脚本执行,限制脚本只能 ...
vue 甘特图 vxe-gantt table 任务条可拖拽左右调整日期,拖拽任务调整日期
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陈序员。
在这个数字时代,我们的手机和相机里存满了无数珍贵的照片 —— 家人的笑脸、旅行的风景、生活的点滴瞬间。但这些回忆往往被淹没在杂乱的相册里,要么受制于云存储的隐私风险,要么因格式兼容问题难以完整呈现。
这时候,我们可以搭建一个完全属于自己、能按时间和地点梳理回忆的照片画廊。
今天 ...