Web 端可用！3 款开源数据库 ER 图设计工具！
大家好，我是 Java陈序员。 做后端开发、系统设计时，数据库建模是绕不开的刚需工作。 传统的数据库设计工具普遍存在体积大、收费昂贵、兼容性差、部署复杂等问题，很难适配当下快速迭代的开发节奏。 今天给大家盘点三款 GitHub 上最火的开源数据库设计工具，不仅开源免费，而且可自托管、Web 端直接使 ...
App 内嵌 H5 秒开技术方案
写在开头 点赞 + 收藏 学会 一、背景与目标 1.1 什么是"秒开" App 内嵌 H5 的"秒开"指用户点击后，H5 页面在 毫秒级（理想 < 300ms）内完成首屏渲染，用户感知不到明显的白屏或加载过程，体验接近 Native 页面切换。 1.2 为什么 H5 加载慢 ...
vue 金额数值输入框组件 vxe-number-input 如何在上方显示浮动标签
vue 金额数值输入框组件 vxe-number-input 如何在上方显示浮动标签 基本用法：显示浮动标签 设置 float-content 属性即可在输入框上方显示指定的浮动标签文字。 <template> <div> <vxe-number-input v-model="val1" place ...
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 提供了完善的里程碑支持，允许自定义图标样式，并支 ...
前端手机号脱敏的 4 个层级，你在第几层？
写在开头 点赞 + 收藏 学会 前言：一个 Code Review 的 comment 上周提交了一个需求：用户手机号在列表页需要脱敏展示。我随手写了这么一段： function maskPhone(phone) { return phone.replace(/(\d{3}) ...
vxe-table 紧凑型表格：在高密度数据与可读性之间找到平衡
在后台管理系统的数据展示场景中，信息密度与可读性往往是一对矛盾。普通表格行高充裕、视觉舒适，但一屏可见的数据行数有限；紧凑型表格则能在有限空间内展示更多数据，尤其适合大屏监控、批量操作、数据对比等场景。 vxe-table 提供了灵活的单元格尺寸定制能力，允许开发者精确控制行高与内边距，快速构建紧凑 ...
前端如何实现在线预览office常见文件功能？
写在开头 点赞 + 收藏 学会 前言 最近发现了一个在线预览附件功能，相信大多数前端都不陌生，刚开始我就一顿操作，下载pdf.js/pptx.js/vue-office,但是不太友好，我发现怎么弄都不支持.doc和.xls后缀名的文件，然而，一个偶然的机会，我发现了一个非常不 ...
vxe-table 将行与列反转展示
在日常开发中，我们常遇到这样的需求：将一张常规表格（行=记录，列=字段）转置展示，即把原表的列名变为行数据，原表的每一行数据变为新表的一列。这种“行列反转”在统计报表、数据对比、参数配置等场景中非常实用。 vxe-table 本身不提供内置的转置功能，但借助其灵活的 columns 和 data 配 ...
vxe-table 实现数据滚动轮播
在数据可视化大屏、监控中心或信息展示类后台中，表格数据自动轮播（跑马灯效果）是常见需求——无需用户操作，数据行按固定速度持续向上滚动，营造动态、实时的视觉氛围。 vxe-table 本身不内置轮播功能，但借助其滚动控制 API 和虚拟滚动能力，我们可以轻松实现一个平滑、可控、高性能的自动轮播表格。 ...
【ittool++】-- 充满创意并且免费工具超集
【ittool++】-- 充满创意并且免费工具超集 目录【ittool++】-- 充满创意并且免费工具超集前言官网首页名字由来工具在线教学仿真AI 专区下载专区Docker 实战it-tools后语 前言 你是否有过这样的烦恼：翻来覆去找不到工具？一堆充值会员 vip 才能用？一堆乱七八糟充满广告的 ...
24年从B站上找了博客园优化模板，改了改bug，开始写博客了
1.主要修改了页面定制css代码： 点击查看代码 /* 侧边栏背景图 */ .menu-wrap { background-image: url('https://img2024.cnblogs.com/blog/3405355/202608/3405355-20260819193035721-10 ...
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是静态类型，它 ...
