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陈序员。
在这个数字时代,我们的手机和相机里存满了无数珍贵的照片 —— 家人的笑脸、旅行的风景、生活的点滴瞬间。但这些回忆往往被淹没在杂乱的相册里,要么受制于云存储的隐私风险,要么因格式兼容问题难以完整呈现。
这时候,我们可以搭建一个完全属于自己、能按时间和地点梳理回忆的照片画廊。
今天 ...
JSAPIThree 加载 WMS、WMTS 和通用栅格图学习笔记:标准地图服务与切图规则
在实际项目中,我们经常需要加载各种标准地图服务,比如 WMS、WMTS,或者自定义的 XYZ 格式瓦片。今天就来学习一下如何在 mapvthree 中使用这些服务,以及理解不同的瓦片切图规则。
了解标准地图服务
在 GIS 领域,有几种常见的地图服务标准:
WMS(Web Map Service):Web 地图服务,通过 HTTP 请求获取地图图片
WMTS( ...
高性能表格组件AG Grid 35 全新发布:支持单元格公式、分组拖拽、绝对排序、列选择等
作为全球知名的企业级数据网格控件,AG Grid 以强大的性能、灵活的 API 设计与成熟的企业组件生态而闻名,广泛应用于金融、制造、能源、电商等高数据密度行业。此次发布的 AG Grid 35 是一次重量级更新,带来了诸多提升用户交互体验与数据处理效率的全新特性,包括:单元格公式、行分组拖拽、绝对排序、列 ...
如何实现 vxe-tree 树组件拖拽节点后进行二次确认提示
如何实现 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 ...
vxe-tree 树组件拖拽排序功能的使用教程
vxe-tree 树组件拖拽排序功能的使用教程,通过 drag 启用行拖拽排序功能,支持同层级、跨层级、拖拽到子级非常强大的拖拽功能等
官网:https://vxeui.com
github:https://github.com/x-extends/vxe-pc-ui
gitee:https://gitee.com/x-extends/vxe-pc-ui
同层级拖拽
通过 drag-config.isPeerDrag 启用同层级拖拽
<template ...
vue-dawn-flow 低代码流程插件
一、vue-dawn-flow介绍
vue-dawn-flow是一款功能强大的开源流程设计器,专为 Vue.js 生态打造,完美兼容 Vue 2 和 Vue 3 框架。并且能很好的兼容vue前端所有框架。
1.1插件功能
提供了一个可视化的流程设计器,你可以在设计器中拖拽组件,连接组件,设置组件属性。
提供了多种节点类型可共筛选。
提供了节点的相关操作,比 ...
vxe-table 如何实现每一行的下拉框选项都是不一样的
vxe-table 如何实现每一行的下拉框选项都是不一样的
实现方式非常简单,通过自定义插槽模板,给每一行的下拉框赋值不同的 options 就可以实现
查看官网:https://vxetable.cn
gitbub:https://github.com/x-extends/vxe-table
gitee:https://gitee.com/x-extends/vxe-table
需要注意的是由于每一行的下拉选项都是不一样 ...
JS事件深度解析一、二、三 事件 循环 队列 事件传播 事件监听列表 shadow dom 异步 事件的派发
一 、事件的综述
首先需要了解几个术语:
宿主环境:将js引擎作为一个组件包含在内,并且为它提供运行所需的资源的外部系统。
就是说,宿主环境提供了所有的资源,比如网络 文件 渲染 各种功能接口等等,没有了宿主环境, js引擎就是光杆司令,它就只能空转,做不了任何事情。
宿主对象:所有不是由 J ...
JSAPIThree 加载天地图学习笔记:使用天地图影像服务
作为一个刚开始学习 mapvthree 的小白,今天要学习加载天地图了!听说这个功能可以加载天地图的影像服务,作为场景的底图!想想就期待!
第一次听说天地图加载
今天在文档里看到了"天地图"这个词,一开始我还以为是某个地图库,结果查了一下才知道,原来这是国家基础地理信息中心提供的地图服务!
文档说天地图加载可以: ...
vue 常用的 gantt 甘特图组件推荐
vue 常用的 gantt 甘特图组件推荐,项目中使用过的甘特图组件,各有优缺点。
dhtmlx-gantt 甘特图
https://dhtmlx.com/docs/products/demoApps/
老牌的甘特图组件,给你非常全面,使用难度高,可定制化功能比较一般,原生 js 和 vue 项目都能用,基础版本免费,功能限制较多,企业版功能更强
任务列表
任务依赖关系
vxe- ...
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-drag-config.dragEndMethod 对拖拽后的行为进行二次确认
<template>
<div>
...
vue vxe-gantt table 甘特图实现任务可拖拽自动调整日期
vue vxe-gantt table 甘特图实现任务可拖拽自动调整日期,通过设置 task-bar-config.drag 启用任务条拖拽功能
效果
代码
设置 task-bar-config.drag 启用任务条拖拽功能
<template>
<div>
<vxe-gantt v-bind="ganttOptions"></vxe-gantt>
</div>
</template>
<script setup>
import { reactive } from 'vue'
con ...