刷新
纯前端生成海报下载方案

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

vue 甘特图组件 vxe-gantt 依赖连接线可视化拖拽创建与双击删除

在项目管理中,任务之间的依赖关系(紧前紧后)并非一成不变。传统方式下,开发者需要在 links 数组中手动增删配置,灵活性差。vxe-gantt 提供了可视化创建依赖线和双击删除依赖线的能力,让用户可以直接在甘特图上通过拖拽建立任务关联,或双击已有连线快速移除,大幅提升项目排期的交互效率。 参数说明 ...

vue 表格组件使用拖拽列字段自动生成数据汇总数据,实现透视表汇总

在数据分析和报表展示中,透视表(Pivot Table) 是一种强大的工具,能够通过拖拽字段快速对数据进行分组、汇总和交叉分析。传统的透视表实现往往需要借助 Excel 或专业 BI 工具,而在 Web 应用中,vxe-table 借助其灵活的列自定义和聚合能力,让开发者可以直接在表格界面上通过拖拽 ...

vue 弹窗组件挂载到指定元素内显示

在后台管理系统中,弹窗(Modal / Dialog)通常以全局浮层形式出现,覆盖整个页面。但在某些场景下,我们可能希望弹窗仅出现在某个特定区域(如某个卡片内、某个布局容器内),避免遮挡页面其他重要信息,或者实现“面板内弹窗”的效果。 vxe-modal 组件提供了 transfer、append- ...

Web 端可用!3 款开源数据库 ER 图设计工具!

博主头像 大家好,我是 Java陈序员。 做后端开发、系统设计时,数据库建模是绕不开的刚需工作。 传统的数据库设计工具普遍存在体积大、收费昂贵、兼容性差、部署复杂等问题,很难适配当下快速迭代的开发节奏。 今天给大家盘点三款 GitHub 上最火的开源数据库设计工具,不仅开源免费,而且可自托管、Web 端直接使 ...

App 内嵌 H5 秒开技术方案

博主头像 ‍ 写在开头 点赞 + 收藏 学会 一、背景与目标 1.1 什么是"秒开" App 内嵌 H5 的"秒开"指用户点击后,H5 页面在 毫秒级(理想 < 300ms)内完成首屏渲染,用户感知不到明显的白屏或加载过程,体验接近 Native 页面切换。 1.2 为什么 H5 加载慢 ...

vue 表格组件 vxe-table 实实现专业记账凭证编辑表格与自动汇总

在财务管理系统、ERP 或会计软件中,记账凭证是核心数据载体。其典型格式要求借方金额和贷方金额按“亿、千万、百万、十万、万、千、百、十、元、角、分”拆分成独立列显示,便于人工核对与纸质打印。同时,凭证需要支持动态增删行、实时汇总,以及打印时包含凭证头尾信息。 本文将基于 vxe-table(vxe- ...

vue表格组件 vxe-table 鼠标滑动表头选择整列与选择整行的配置详解

在企业平台的表格中,用户常常需要快速选取整列或整行进行批量操作(如复制、删除、样式统一),而无需逐个单元格点选。vxe-table 提供了强大的区域选取能力,配合表头/行状态高亮,可以实现鼠标滑过表头即选中整列、点击首列即选中整行等交互,极大提升操作效率。 本文将基于 vxe-table 的 are ...

如何使用 Github Page部署自己的前端项目

如果你也想部署一个属于自己的静态网站但苦于没有属于自己的服务器,今天这篇文章教你如何在不购买服务器的情况下在GitHub上部署自己前端项目 在GitHub Page上部署自己的网站有两种方式,本篇文章主要讲述的是后者 新建仓库时命名为.github.io 利用仓库分支目录部署(仓库命名无要求) 接下 ...

我是怎么把页面图片流量砍掉一半的

博主头像 ‍ 写在开头 点赞 + 收藏 学会 个月接到一个需求,产品说"首页加载太慢了,能不能优化一下"。 我打开 Network 面板一看——光图片请求就占了整个页面流量的 70%,最大的一张 PNG 图标居然有 380 多 KB。我当时就觉得,这不是优化问题,这是没做优化。 花了两天时 ...

解决 vxe-table 按键导航编辑模式下中文输入法首字母丢失问题

在后台管理系统中,全键盘操作是提升数据录入效率的重要手段——用户通过方向键、Tab、Enter 等快捷键即可在表格单元格间导航并直接编辑,无需频繁切换鼠标。 然而,当使用 中文拼音输入法(如搜狗、微软拼音、小狼毫等)时,许多开发者会遇到一个棘手的问题:在按键导航编辑模式下,激活单元格后直接敲击键盘, ...

vue 甘特图 vxe-gantt 任务里程碑和依赖线的配置

在项目管理中,里程碑(Milestone)是标志着重要阶段或关键事件的时间节点(如“需求评审通过”、“测试环境发布”),通常不占用工期,但具有极高的标志性意义。 而依赖关系连线则直观展示了任务之间的逻辑顺序,帮助团队识别关键路径。 vxe-gantt 提供了完善的里程碑支持,允许自定义图标样式,并支 ...

123···50>