vue甘特图实现一行显示多个子任务
在项目管理中，我们经常需要将一组子任务聚合到父级任务行中展示，以便直观地看到整个任务组的完整时间跨度。vxe-gantt 通过 子任务视图（Subview） 机制，可以将任意层级的子任务渲染到父级任务行内，实现“一行显示多个子任务”的效果。本文介绍两种方案：单进度条（聚合展示）和双进度条（计划 vs ...
vxe-table 渲染器教程一：实现金额输入控件
在开发后台管理系统时，表格中的金额字段往往需要特殊的展示和编辑方式，例如右对齐、保留两位小数、带货币符号前缀等。vxe-table 的自定义渲染器（Renderer） 机制，允许我们将任何 Vue 组件嵌入到表格单元格中，实现高度定制化的交互体验。 一、什么是渲染器？ 渲染器是 vxe-table ...
你点的“刷新”是假刷新？前端路由的瞒天过海术
写在开头 点赞 + 收藏 学会 为什么单页应用切换页面时，浏览器没有真正刷新？地址栏变了，页面却没白一下？今天我们来拆穿前端路由的“魔术”——它根本没去服务器要新页面，而是自己偷偷换了内容。看完这篇，你也能实现一个自己的前端路由。 前言 你有没有注意过，现在很多网站（比如知乎 ...
vxe-table 导出自定义插槽模板内容
在实际业务中，表格列经常需要使用插槽（Slot）来自定义渲染复杂内容，例如多行信息、图标、按钮等。然而，vxe-table 的默认导出功能只能导出单元格的原始数据（即 field 绑定的字段值），无法识别插槽中的 HTML 结构。为了解决这个问题，vxe-table 提供了 export-metho ...
短链跳转
写在开头 点赞 + 收藏 学会 短链跳转 短链服务（服务端/运维负责）：短链（如 s.xxx.com/abc123）本身只是一个入口。当用户在浏览器访问短链时，DNS会将其指向短链服务器，短链服务器会通过 HTTP 302 重定向，将用户的浏览器跳转到真实的长链地址（如 ap ...
盘点几款前端VUE低代码平台，看看有没有用得上的
低代码开发在经历了前几年的概念炒作后，如今已进入“落地检验期”。各家平台都在拼命堆功能、拼场景，但真正用起来，你会发现很多产品要么太“玩具”只适合做原型，要么太“重型”离开原厂支持就玩不转。作为一位在信息化部门摸爬滚打多年的技术选型负责人，我最近半年密集调研了市面上主流的一众低代码平台，上手实测后心 ...
Threejs实现 3D 看房效果
写在开头 点赞 + 收藏 学会 要实现一个 3D 看房效果，可以使用 Three.js 创建一个虚拟的 3D 场景，并通过加载全景图片或 3D 模型来模拟房间的外观。以下是一个完整的实现方案，结合代码逐步讲解如何实现这一功能。 实现步骤 创建基础场景和相机 使用 Three. ...
vue表格 vxe-table 实现商品分组列头与数据的类别合并
在商品管理、订单报表等业务场景中，我们常常需要展示多层级分类（如一级分类 → 二级分类 → 三级分类），并希望将相同分类的数据行纵向合并，让表格结构更清晰、数据层级一目了然。vxe-table 提供了灵活的列头分组（children）和单元格合并（mergeCells）机制，可以轻松实现这一效果。 ...
vue 甘特图 vxe-gantt 设置视图每周的起始天
在实际项目管理中，不同团队或地区对“一周的开始”有不同的习惯——国内通常以周一为起始，而部分欧美国家以周日为起始。vxe-gantt 通过 scales 中 week 类型的 startDay 参数，允许你灵活自定义每周的起始天，让甘特图的时间轴更贴合业务习惯。 核心配置：startDay 参数 在 ...
vue 甘特图 vxe-gantt 小时视图设置日期轴每间隔 3 个小时
当任务时间跨度集中在数小时甚至分钟级别时，默认的时间轴粒度可能无法清晰展示任务细节。vxe-gantt 的小时视图（hour）结合 step 参数，可以灵活控制时间轴的显示密度，让短期任务的进度展示更紧凑、更直观。 核心配置 通过 taskViewConfig.scales 配置时间轴层级，将底层单 ...
vue 甘特图 vxe-gantt 实现日期轴跨度间隔，让时间轴密度更合理
在甘特图的实际应用中，任务数据的时间跨度往往差异很大——有些任务跨数月，有些仅数天。默认的时间轴可能会因为单元格过密（如逐日显示）导致视觉拥挤，或过疏（如逐月显示）导致细节丢失。vxe-gantt 通过 scales 配置项中的 step 属性，允许你自定义日期轴的单位跨度，从而灵活控制时间轴的显示 ...
录音与音频可视化
写在开头 点赞 + 收藏 学会 需求背景 实现效果 现在很多AI智能体应用，会向用户开放自定义音色的功能，以便用户能使用自己的声音生成一个角色。实现自定义音色的前提就是采集用户自己的声音，以供后续大模型生成角色的自定义音色。本文将介绍，怎么在web中实现录音以及音频的可视化。 ...
纯前端生成海报下载方案
写在开头 点赞 + 收藏 学会 Vue 实战：纯前端生成带中心 Logo 二维码的分享海报 在日常的 Web 业务中，经常会遇到“点击分享，生成一张包含用户信息、业务数据以及专属二维码的海报图”的需求。为了节省服务端资源，我们通常会采用纯前端的方案来完成海报的绘制与下载。 本 ...
vue 甘特图 vxe-gantt 实现双进度条：计划 vs 实际，支持多级子任务拆分
在项目管理中，计划进度与实际进度的对比是衡量执行偏差的关键指标。vxe-gantt 提供了灵活的树形结构和自定义任务条能力，通过巧妙的数据拆分策略，我们可以在一棵甘特树中同时展示计划和实际两条进度条，并且支持从一级到多级的完整继承。 本文将分两个方式来实现方案： 一级双进度：仅对顶层任务拆分计划和实 ...
Three.js 3D 地图特效与材质实现指南
写在开头 点赞 + 收藏 学会 一、地形材质（MeshStandardMaterial） 1.1 实现原理 使用 Three.js 的 PBR（物理正确渲染）材质，结合多张纹理实现真实感地形效果： 漫反射纹理（diffuseMap）：控制表面颜色 位移纹理（displacem ...
App 内嵌 H5 秒开技术方案
写在开头 点赞 + 收藏 学会 一、背景与目标 1.1 什么是"秒开" App 内嵌 H5 的"秒开"指用户点击后，H5 页面在 毫秒级（理想 < 300ms）内完成首屏渲染，用户感知不到明显的白屏或加载过程，体验接近 Native 页面切换。 1.2 为什么 H5 加载慢 ...
vue 表格卡顿的最终解决方法，秒级渲染大数据量表格列表
在日常业务开发中，当表格数据量达到数百甚至数千行时，页面卡顿、滚动掉帧、白屏等现象频繁出现，严重影响用户体验。vxe-table 从 4.19+ 版本开始，对虚拟滚动进行了深度优化——不仅在 Windows 和 macOS 上流畅支持触摸板、鼠标滚轮和键盘滚动，更彻底解决了滚动白屏问题，滚动体验丝滑 ...
vue 甘特图 vxe-gantt 实现 table 表格与甘特图拖拽双向联动、拖拽添加，拖拽移除
在复杂的项目管理场景中，任务数据往往分散在不同的视图中——一部分任务在表格中展示，另一部分在甘特图中呈现。如果能让用户在表格和甘特图之间自由拖拽任务，实现数据的跨视图联动，将极大提升任务编排的效率。 vxe-gantt 通过 row-drag-config.isCrossTableDrag 配置，支 ...
vue 甘特图 vxe-gantt 的使用（四）：周视图的渲染
在项目排期管理中，周视图是一个兼顾颗粒度与可读性的理想选择——它既能清晰展示任务在一周内的分布，又不会像天视图那样因时间轴过密而难以阅读。vxe-gantt 提供了灵活的周视图渲染能力，支持 默认模式 和 精确模式 两种粒度，满足从周计划到精细化排期的各种需求。 说明 vxe-gantt 通过 ta ...
vue 表格 vxe-table 如何获取已修改的单元格数据
在数据管理系统中，用户对表格进行编辑后，我们往往需要快速定位哪些行或单元格被修改，以便提交到后端进行增量更新。vxe-table 内置了 CRUD 管理器，可以自动追踪数据变更行为。只需开启 keepSource 配置，即可通过 getUpdateRecords 和 getUpdateCells 方 ...