刷新
【ittool++】-- 充满创意并且免费工具超集

博主头像 【ittool++】-- 充满创意并且免费工具超集 目录【ittool++】-- 充满创意并且免费工具超集前言官网首页名字由来工具在线教学仿真AI 专区下载专区Docker 实战it-tools后语 前言 你是否有过这样的烦恼:翻来覆去找不到工具?一堆充值会员 vip 才能用?一堆乱七八糟充满广告的 ...

vue表格vxe-table实现单元格自适应行高与最大高度限制

在数据密集型的后台系统中,表格是信息展示的核心载体。当单元格内容过长时,常见的处理方式有截断(省略号)、固定高度滚动或自适应行高。 截断会丢失信息,固定高度滚动则影响阅读流畅性,而自适应行高能让所有内容完整可见,但极端情况下(如某行包含数百字)会撑爆表格,破坏整体布局。 本文将基于 vxe-tabl ...

vue实现 vxe-list 列表穿梭框与跨列表拖拽

在后台管理系统中,平铺数据的双向选择(如用户标签分配、商品分类、权限组管理等)是高频操作。vxe-list 作为轻量级列表组件,天然支持复选框、拖拽排序及跨列表拖拽,非常适合构建交互流畅、数据同步简洁的穿梭框方案。 本文将基于 vxe-list 实现一个支持勾选穿梭 + 直接拖拽的列表穿梭组件,并讲 ...

vue实现 vxe-tree 树形穿梭框与跨树拖拽

后台管理系统中,树形结构的数据选择与分配是常见需求——例如角色权限分配、组织架构调整、分类迁移等。传统的穿梭框(Transfer)仅支持平铺列表,无法保留数据的层级关系。 本文将利用 vxe-tree(Vxe 组件库中的树形组件)快速构建一个支持勾选穿梭 + 跨树拖拽的双树穿梭组件,并讲解其核心配置 ...

为什么前端项目使用ts比js要多了

博主头像 简单来说,现在Vue项目越来越多地使用TypeScript,主要是因为它让代码更可靠、更易维护、开发体验也更棒。尤其是在大型项目中,TS的优势非常明显。 它和JS的核心区别在于类型系统:JS是动态类型,变量的类型可以在运行时随意改变,这很灵活,但也容易在运行时出现难以预料的错误;而TS是静态类型,它 ...

vue 实现基于 vxe-table 构建多维度产品对比表

在电商、3C 数码或 SaaS 服务等场景中,产品对比页是帮助用户快速决策的关键工具。传统方案通常采用静态 HTML 或简单的表格布局,维护成本高、扩展性差。 本文以手机产品对比为例,展示如何利用 vxe-table(Vue 生态最强表格组件)的高级特性,快速搭建一个多级表头、动态行合并、布尔值可视 ...

如何用 vue 甘特图来实现计划和实际双任务条进度展示

在项目管理中,同时展示任务的计划进度与实际进度,能够直观对比执行偏差,是项目监控的核心需求。vxe-gantt 提供了灵活的子任务视图(Subview)机制,可以轻松将单个任务拆分为“计划”和“实际”两条任务条,在同一行内并行展示,实现清晰的双进度对比。 本文将通过一个完整的示例,演示如何利用子任务 ...

解决 vxe-table 全键盘操作编辑单元格时,如果是中文拼音输入法时,解决首字母丢失问题

背景与问题描述 在后台管理系统中,可编辑表格是高频交互场景。我们基于 vxe-table(Vue 生态中功能最强大的表格组件之一)实现了全键盘操作的单元格编辑功能,用户无需鼠标即可快速录入数据。 上线后收到反馈:当系统切换至五笔输入法/中文拼音输入法(如搜狗、微软拼音、小狼毫等)时,通过键盘快捷键( ...

vue 甘特图 vxe-gantt 任务条拖拽自动更新日期

在项目管理过程中,计划总是赶不上变化。当任务时间需要调整时,手动修改开始/结束日期既繁琐又容易出错。vxe-gantt 提供了任务条拖拽功能,允许用户通过鼠标直接拖拽甘特条来调整任务的起止时间,同时自动更新数据中的日期字段,让排期调整变得直观高效。 启用任务条拖拽功能,并通过 mode: 'prog ...

如何使用GSAP实现一个 `pinned` 滚动楼层叙事?

博主头像 ‍ 写在开头 点赞 + 收藏 学会 准备工作 技术栈: vue + gsap 最近在做的一个动画,特意去网上查了一下叫 pinned 滚动叙事,感觉蛮有趣,分享给你们。 实现的动画如下: 对应的模仿网址是:www.vaporesso.com/series-prod… 思考过程 ...

vxe-table 实现编辑列的权限控制:列级与表级权限管理

在后台管理系统中,表格编辑权限的控制是一个常见需求。不同角色或不同用户可能对同一表格的不同列拥有不同的操作权限——例如,普通员工只能编辑部分字段,而管理员拥有全部编辑权限。vxe-table 提供了两种灵活的权限控制方式:列级权限控制(通过 editRender.enabled)和表级权限控制(通过 ...

vxe-table 配置 ajax 数据源:告别冗余代码,一键渲染表格

在后台管理系统中,表格数据通常来自后端接口。传统开发中,每个页面都需要重复编写请求逻辑、处理加载状态、解析返回数据等,代码冗余且维护困难。vxe-table 的 proxy-config 代理配置,允许你通过简单的配置将表格与数据源绑定,让组件自动管理数据加载,将你从重复劳动中解放出来。 列表配置 ...

纯前端生成海报下载方案

博主头像 ‍ 写在开头 点赞 + 收藏 学会 Vue 实战:纯前端生成带中心 Logo 二维码的分享海报 在日常的 Web 业务中,经常会遇到“点击分享,生成一张包含用户信息、业务数据以及专属二维码的海报图”的需求。为了节省服务端资源,我们通常会采用纯前端的方案来完成海报的绘制与下载。 本 ...

我把网页上那团流动的彩色云雾,塞进了微信小程序

博主头像 之前我在网页上做过一个好玩的东西:一颗胶囊形状的卡片,里面的颜色像水彩一样不停流动,鼠标划过去还会跟着加速。很多朋友问能不能在小程序里用。我试了才知道,网页上三行代码搞定的 canvas,到了小程序里完全是另一回事。这篇记录一下这团"云雾"从网页搬进微信小程序的过程,以及我最后把它封装成的到小程序 ...

vxe-table vue 表格实现复杂分组列头与数据合并:多级分类与动态合并实战

在商品管理、订单报表等业务场景中,我们常常需要展示多层级分类(如一级分类 → 二级分类 → 三级分类),并希望将相同分类的数据行纵向合并,让表格结构更清晰、数据层级一目了然。vxe-table 提供了灵活的列头分组(children)和单元格合并(mergeCells)机制,可以轻松实现“复杂表头 ...

123···50>