微前端样式隔离：为什么你的 CSS 串到别人家了？Shadow DOM、CSS Variables 与 @layer 实战
写在开头 点赞 + 收藏 学会 问题场景 多个团队/项目拼成一个"微前端"大应用时，最头疼的问题之一就是样式打架： 全局样式污染：A 项目引入的 reset.css、B 项目的高优先级选择器，把 C 项目的按钮改得面目全非。 类名冲突：几个子应用都用 .btn、.card，最 ...
vue 表格组件使用拖拽列字段自动生成数据汇总数据，实现透视表汇总
在数据分析和报表展示中，透视表（Pivot Table） 是一种强大的工具，能够通过拖拽字段快速对数据进行分组、汇总和交叉分析。传统的透视表实现往往需要借助 Excel 或专业 BI 工具，而在 Web 应用中，vxe-table 借助其灵活的列自定义和聚合能力，让开发者可以直接在表格界面上通过拖拽 ...
vue 抽屉组件挂载到指定元素内显示,，表格自适应弹窗宽高
在后台管理系统中，抽屉（Drawer）通常从屏幕边缘滑出，覆盖部分页面。但在某些布局中，我们希望抽屉仅在某个特定区域（如卡片、面板、表格容器）内打开，避免遮挡导航、侧边栏或其他关键信息。 vxe-drawer 组件提供了 transfer、append-to 和 is-within-append-t ...
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-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 ...
